


en 


Jj 精 安 











了 加 中 国 工 信 出 版 集团 ”要 和 am 






































版 权 信息 


书 名 : Unity Shader 入 门 精 要 
ISBN: 978-7-115-42305-4 
本 书 由 人 民 邮 电 出 版 社 发 行 数字 版 。 版 权 所 有 ， 侵 权 必 完 。 





您 购买 的 人 民 邮 电 出 版 社 电子 书 仅 供 您 个 人 使 用 ， 未 经 授权 ， 不 得 以 任 
何方 式 复制 和 传播 本 书 内 容 。 


我 们 愿意 相信 读者 具有 这 样 的 恨 知 和 觉悟 ， 与 我 们 共同 保护 知识 产权 。 


如 果 购 买 者 有 侵权 行为 ， 我 们 可 能 对 该 用 户 实施 包括 但 不 限于 关闭 该 帐 
写 等 维权 措施 ， 并 可 能 退 完 法 律 责任 。 

















著 冯 乐 乐 

责任 编辑 张 涛 

人 民 邮 电 出 版 社 出 版 发 行 ”北京 市 丰台 区 成 寿 寺 路 11 号 
邮编 “100164 ”电子 邮件 ”315@ptpress.com.cn 

网 址 ”http://www.ptpress.com.cn 

读者 服务 热线 : (010)81055410 


反 盗 版 热线 : (010)81055315 


内 容 拓 要 


本 书 不 仅 要 教会 读者 如 何 使 用 Unity Shader， 更 重要 的 是 要 帮助 读 
者 学 习 Unity 中 的 一 些 演 染 机 制 以 及 如 何 使 用 Unity Shader 实 现 各 种 目 定 
义 的 演 染 效果 ， 和 希望 这 本 书 可 以 为 读者 打开 一 局 新 的 大 门 ， 让 读者 离 制 
作 心 目 中 优秀 游戏 的 心愿 更 近 一 步 。 


本 书 的 主要 内 容 为 : 第 1 章 讲 解 了 学 习 Unity Shader 应 该 从 哪里 着 
手 ; 第 2 章 讲解 了 现代 GPU 是 如 何 实现 整个 演 染 流水 线 的 ， 这 对 理解 
Shader 的 工作 原理 有 痢 非 常 重要 的 作用 ; 第 3 章 讲解 Unity Shader 的 实现 
原理 和 基本 语法 ; 第 4 章 学 习 Shader 所 需 的 数学 知识 ， 帮 助 读者 克服 学 
习 Unity Shader 时 遇 到 的 数学 障碍 ; 第 5 章 通 过 实现 一 个 简单 的 顶点 / 片 元 
着 色 器 案例 ， 讲 解 常用 的 辅助 技巧 等 ， 第 6 章 学 习 如 何在 Shader 中 实现 
基本 的 光照 模型 ， 第 7 章 讲 述 了 如 何在 Unity Shader 中 使 用 法 线 纹理 、 遮 
盖 纹 理 等 基础 纹理 ; 第 8 章 学 习 如 何 实现 透明 度 测试 和 透明 度 混合 等 透 
明 效 果 ; 第 9 章 讲 解 复杂 的 光照 实现 ;第 10 章 讲解 在 Unity Shader 中 使 用 
立方 体 纹 理 、 演 染 纹理 和 程序 纹理 等 高 级 纹理 ; 第 11 章 学 习 用 Shader 实 
现 纹理 动画 、 顶 点 动画 等 动态 效果 ; 第 12 章 讲解 了 屏幕 后 处 理 效果 的 屏 
幕 特 效 ， 第 13 章 使 用 深度 纹理 和 法 线 纹 理 实 现 更 多 屏幕 特效 ;第 14 章 讲 
解 非 真实 感 泻 染 的 算法 ， 如 卡通 泻 染 、 素 摘 风 格 的 泻 染 等 ， 第 15 章 讲解 
噪声 在 游戏 泻 染 中 的 应 用 ;， 第 16 章 介绍 了 常见 的 优化 技巧 ， 第 17 章 介绍 
用 表面 着 色 右 实现 泻 染 ， 第 18 章 讲解 基于 物理 泻 染 的 技术 ;第 19 章 讲解 
在 升级 Unity 5 时 可 能 出 现 的 问题 ， 并 给 出 解决 方法 ， 第 20 章 介绍 许多 非 
常 有 价值 的 学 习 资 料 ， 以 帮助 读者 进行 更 深入 的 学 习 。 


本 书 适合 Unity 初 学 者 、 游 戏 开 发 者 、 程 厅 员 ， 也 可 以 作为 大 专 院 
校 相 关 专 业 师 生 的 学 习 用 书 ， 以 及 培训 学 校 的 培训 教材 。 
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采 言 


2004 年 ， 有 3 位 年 轻 人 在 开发 他 们 的 第 一 于 游戏 失利 后 ， 诀 定 在 丹 
麦 首都 哥本哈根 建立 一 家 游戏 引擎 公司 。 最 初 ， 他 们 的 想法 是 要 让 全 世 
界 的 开发 人 员 可 以 使 用 最 少 的 资源 来 创建 出 他 们 喜欢 的 游戏 。 谁 也 不 曾 
想到 ， 十 年 以 后 ， 这 个 起 初 并 不 起 眼 的 公司 已 经 发 展 成 为 游戏 引擎 公司 
巨头 ， 而 他 们 的 游戏 引擎 也 成 为 世界 上 应 用 最 广泛 的 游戏 引擎 。 没 错 ， 
这 个 公司 就 是 Unity Technologies， 这 3 位 年 轻 人 分 别 是 公司 创始 人 David 
Helgason (CEO) 、Nicholas Francis (CCO) 和 Joachim Ante (CTO) 。 
而 这 3 位 创始 人 的 初衷 也 得 以 实现 ， 和 截止 到 2014 年 ， 全 世界 有 超过 300 多 
万 的 开发 者 在 使 用 游戏 引擎 Unity 来 开发 游戏 ， 更 有 6 亿 玩 家 在 玩 由 Unity 
引擎 制作 的 游戏 。 这 股 *Unity 热 ”一 直 持续 到 现在 。 


虽然 Unity 引 擎 上 手 快 ， 操 作 界 面 简单 快捷 ， 但 许多 Unity 开 发 者 却 
发 现 ， 当 他 们 需要 在 Unity 中 实现 一 些 特殊 的 画面 效果 时 ， 往 往 无 从 下 
手 。 这 些 画 面 效 果 的 实现 通常 和 泻 染 有 关 ， 更 具体 来 说 ， 我 们 通常 需要 
在 Unity 中 编写 一 些 Unity Shader 文 件 来 实现 它们 。 一 方面 ， 对 泻 染 知识 
的 缺乏 和 对 Shader 的 不 了 解 导 致 很 多 开发 者 在 这 条 路 上 举步维艰 ; 另 一 
方面 ， 对 游戏 画面 的 提升 是 越 来 越 多 游戏 公司 的 诉求 。 然 而 ，Unity 官 
方 文档 中 不 仅 缺 少 对 演 染 原理 讲解 的 内 容 ， 对 Unity Shader 本 喘 的 一 些 
工作 机 制 ( 概 括 来 说 ，Unity Shader 是 Shader 上 层 的 一 个 抽象 ) 同样 缺少 
相关 资料 。 同 时 ， 市 面 上 能 适应 初学 者 的 Unity Shader 书 少 之 又 少 ， 基 
于 这 些 原因 ， 使 得 我 想 要 编写 这 样 一 本 书 来 帮助 开发 者 渡 过 困境 。 


本 书 旨 在 从 基础 开始 ， 帮 助 读者 逐渐 了 解 并 掌握 如 何 编写 Unity 
Shader。 本 书 不 仅仅 是 要 教会 读者 “如 何 使 用 Unity Shader”， 更 重要 的 是 
要 帮助 读者 建 并 对 泻 染 流程 的 基本 认识 ， 在 此 基础 上 ， 帮 助 读者 学 习 
Unity 中 的 一 些 泻 染 机 制 以 及 如 何 使 用 Unity Shader 实 现 各 种 自 定义 的 泻 
染 效 果 。 我 相信 ， 让 读者 首先 了 解 原理 再 进行 实践 ， 相 比 于 大 量 堆砌 代 
码 是 更 好 的 学 习 方 法 。 因 此 ， 本 书 在 开始 实践 前 ， 均 会 为 读者 讲解 大 量 
的 原理 ， 让 读者 在 学 习 时 不 再 一 头 雾 水 。 


尽管 本 书 专注 于 学 习 Unity Shader， 但 根据 我 的 学 习 经 验 来 看 ， 在 
不 了 解 基础 的 泻 染 流程 和 基本 的 数学 知识 前 ， 想 要 深入 学 习 Shader 的 纺 
写 是 非常 困难 的 。 实 际 上 ，Shader 仅 是 整个 演 染 流程 的 一 个 子 部 分 ， 因 


























此 ， 任 何 脱离 演 染 流程 的 对 Shader 的 讲解 可 能 会 让 读者 更 加 困惑 。 而 向 
量 运 算 、 和 矩阵 变换 等 数学 知识 在 Shader 的 编写 中 无 处 不 在 ， 因 此 ， 这 些 
数学 知识 往往 也 是 让 初学 者 对 Shader 望 而 却步 的 原因 。 基 于 上 面 的 两 点 
观察 ， 本 书 的 安排 从 易 到 难 ， 由 基础 到 深入 。 我 们 把 全 书 分 为 了 5 篇 ， 
读者 可 以 在 第 1 章 中 看 到 这 些 章节 的 具体 安排 。 








随 着 人 硬件 的 及 展 ，Shader 的 能 力也 越 来 越 大 。 如 果 问 你 ， 一 个 
Shader 可 以 做 什么 ?你 可 能 会 回答 泻 染 游 戏 模 型 、 模 拟 波 动 的 海面 、 实 
现 各 种 屏幕 特效 等 。 但 如 果 告 诉 你 ， 上 面 所 示 的 3 张 图片 完 全 依靠 一 个 





片 元 着 色 器 来 泻 染 实现 ， 没 有 借助 任何 外 部 模型 和 纹理 ， 你 可 能 会 觉得 
非常 不 可 思议 ! 读者 可 以 在 Shadertoy 网 站 上 看 到 许多 这 样 的 例子 。 例 
如 ， 上 面 的 小 雨 使 、 五 彩 的 小 方块 ， 以 及 飘动 的 气球 (由 于 本 书 是 黑白 
印刷 ， 一 些 效果 无 法 显现 ) 。 一 个 简 简 单单 的 Shader 可 以 做 到 什么 程度 
的 效果 ， 我 们 已 经 不 可 预期 。 本 书 的 重点 不 在 于 教 读者 如 何 单纯 使 用 
Shader 来 实现 上 面 的 效果 ， 而 在 于 如 何 让 Shader 和 其 他 游戏 开发 元 素 
(例如 ， 模 型 、 纹 理 、 脚 本 等 ) 相配 合 ， 实 现 游 戏 中 常见 的 泻 染 效果 ， 
我 们 在 此 只 想 说 明 Shader 可 能 远 比 你 想象 的 要 强大 得 多 。 我 们 真诚 地 希 
望 本 书 可 以 带领 读者 走 进 Shader 的 世界 ， 让 读者 理解 Shader、 掌 握 
Shader， 和 我 们 一 起 享受 这 样 一 个 奇妙 的 游戏 开发 世界 ! 


谈 这 本 书 之 前 你 需要 哪些 知识 


本 书面 向 Unity Shader 初 学 者 和 程序 员 ， 尽 量 在 本 书 的 基础 篇 中 介 
绍 那些 必要 的 基础 知识 ， 但 仍然 希望 读者 可 以 具备 如 下 知识 。 


。 有 一 定 《〈 或 少量 ) 的 编程 经 验 。 尺 管 Unity Shader 的 编写 语言 不 同 
于 C++、C# 这 种 高 级 语言 ， 但 相 比 于 完全 没有 编程 经 验 的 读者 来 
说 ， 学 习 过 这 些 高 级 语言 的 读者 更 加 容易 理解 Shader 的 代码 。 例 
如 ， 什 么 是 变量 、 什 么 是 函数 等 。 对 于 那些 缺少 编程 经 验 但 仍 对 
Shader 有 浓厚 兴趣 的 读者 ， 一 个 好 消息 是 ， 在 Unity 的 帮助 下 ， 编 写 
人 


e。 对 Unity 引 擎 的 操作 界面 比较 熟悉 。 假 定 读者 曾 使 用 过 一 段 时 间 的 
Unity， 对 其 中 的 一 些 基本 操作 已 经 掌握 。 例 如 ， 如 何 创建 场景 、 
脚本 和 游戏 对 象 等 。 

。 保持 一 定 的 耐心 。 我 兽 听 到 喘 边 的 一 些 朋 友 抱 她 ， 为 什么 上 自己 总 是 
看 不 懂 、 学 不 会 Sshader， 难 道 是 自己 学 习 能 力 有 问题 吗 ? 实际 上 ， 
这 些 朋 友 大 多 对 Shader 的 学 习 缺 乏 附 心 ， 总 是 抱 着 今天 看 一 下 明天 
就 会 的 心情 。 但 不 幸 的 是 ， 与 Ct++、C# 高 级 语言 相 比 来 说 ， 就 算 我 
们 成 功 编 写 了 Shader 版 的 “Hello world”， 但 对 于 为 什么 要 这 么 写 、 
它们 是 怎么 执行 的 等 一 系列 基础 问题 我 们 仍然 并 不 理解 。 这 正 是 我 
之 前 提 到 的 ， 要 想 彻底 理解 Shader， 就 必须 了 解 整 个 演 染 流水 线 的 
工作 方式 。 因 此 ， 保 持 耐 心 ， 打 好 基础 ， 是 每 一 个 想 要 深入 学 习 
Shader 的 开发 者 的 必 经 之 路 。 

。 有 一 定 的 数学 基础 ， 包 括 了 解 基本 的 代数 运算 〈 如 结合 律 、 交 换 律 
等 ) 、 三 角 运 算 〈 如 正弦 、 余 纺 计 算 等 ) 。 除 此 之 外 ， 如 果 读 者 具 
有 大 学 水 平 的 线性 代数 、 微 积分 等 数学 知识 ， 会 发 现 阅 读本 书 时 会 
更 加 容易 。 为 了 帮助 读者 学 习 Shader 中 常见 的 数学 运算 ， 我 们 专门 

在 本 书 的 第 4 章 为 读者 介绍 向 量 、 和 矩阵 、 空 间 变 换 等 重要 的 数学 内 

容 。 


如 果 你 满足 上 面 几 点 小 小 的 条 件 ， 那 么 恭喜 你 ， 现 在 你 可 以 安心 地 
继续 阅读 本 书 了 ! 





























谁 适合 读 这 本 书 


任何 想 要 了 解 泻 染 基础 或 想 要 自由 地 使 用 Unity Shader 编 写 演 染 效 
果 的 开发 者 均 可 阅读 本 书 。 这 些 开发 者 不 仅 限 于 进行 游戏 开发 的 程序 
员 ， 也 包括 那些 渴望 更 加 自由 地 在 Unity 中 实现 各 种 画面 效果 的 美工 人 
员 、 在 校 学 生 和 爱好 者 等 。 





为 什么 你 需要 这 本 书 


与 国内 市 场 已 有 的 介绍 相关 内 容 的 书籍 和 资料 相 比 来 说 ， 本 书 有 一 


些 独 有 的 特色 。 


内 容 独 特 。 本 书 填 补 了 Unity Shader 和 泻 染 流水 线 之 间 的 知识 鸿 
沟 ， 帮 助 读 者 打下 民 好 的 底层 基础 。 同 时 ， 我 们 也 会 对 Unity 中 一 
些 泻 染 机 制 的 工作 原理 进行 详细 训 析 ， 帮 助 读 者 解决 < 是 什么 ”为 
什么 “怎么 做 ”这 3 个 基本 问题 。 除 此 之 外 ， 本 书 配合 大 量 实例 ， 让 
读者 在 实践 中 逐渐 掌握 Unity Shader 的 编写 。 

结构 连贯 。 由 于 网 络 上 关于 Unity Shader 的 资料 非常 零散 ， 许 多 初 
学 者 总 是 无 法 系统 地 进行 学 习 。 本 书 在 内 容 编排 上 颇 费 心思 ， 从 基 
础 到 进 阶 再 到 深入 的 讲解 ， 解 决 读者 长 期 以 来 的 学 习 烦 恼 。 

充分 面 问 初学 者 。 在 本 书 的 编写 过 程 中 ， 我 一 直 在 问 自己 ， 这 么 写 
到 底 读 者 能 不 能 看 懂 ? 这 使 得 在 本 书 开头 的 几 个 章节 中 ， 尤 其 是 在 
基础 篇 和 初级 篇 中 的 章节 中 ， 我 们 的 学 习 步 调 放 得 很 慢 ， 这 是 因为 
我 非常 了 解 在 学 习 Shader 的 过 程 中 哪些 内 容 比 较 难 理解 ， 哪 些 内 容 
非常 容易 让 人 困惑 ， 而 这 些 内 容 正 是 挡 在 初学 者 面前 的 拦路 虎 ! 为 
此 ， 提 供 了 大 量 的 图 示 并 配合 文字 说 明 ， 且 在 一 些 章节 最 后 提供 
了 “ 管 疑 解 惑 ”小 市 来 解释 那些 含糊 不 清 而 初学 者 义 经 常 疑问 的 问 
题 。 考 虑 到 数学 往往 是 让 初学 者 望而却步 的 重要 因素 ， 我 们 在 第 4 
章 数 学 一 半 中 特意 安排 了 “农场 游戏 ”这 一 背景 案例 ， 以 这 样 一 个 虚 
拟 的 场景 来 帮助 读者 理解 数学 在 泻 染 中 是 如 何 发 挥 作用 的 。 

包含 了 Unity 5 在 泻 染 方面 的 新 内 容 。 例 如 ， 本 书 多 次 介绍 Unity 5 中 
的 新 工具 帧 调试 器 (Frame Debugger) ， 并 借助 该 工具 的 帮助 来 理 
解 Unity 中 的 泻 染 过 程 ， 第 18 半 中 介绍 了 Unity 5 的 基于 物理 的 演 染 
CPBR) ， 我 们 较为 详细 地 剖析 了 PBR 的 实现 原理 ， 并 介绍 了 如 何 
在 Unity 5 中 使 用 它们 来 实现 一 些 更 加 真实 的 演 当 效果。 需要 注意 的 
是 ， 在 本 书 编写 时 使 用 的 版 本 为 当时 的 最 新 版 本 Unity 5.2.1《〈 人 免费 
版 )， 但 本 书 出 版 时 Unity 可 能 会 发 布 更 新 的 版 本 ， 这 可 能 会 造成 
一 些 操作 界面 与 本 书 内 容 有 所 冲突 。 例 如 ， 在 Unity 5.3 中 ， 帧 调试 
颖 的 界面 更 加 丰富 ， 包 含 了 材质 属性 等 显示 信息 ， 但 这 并 不 影响 阅 
读 ， 我 们 在 本 书 的 勘误 网 址 上 会 更 新 (https://github.conmy 
candycat1992/Unity_Shaders Book ) 。 

补充 了 大 量 延 伸 阅 读 资 料 。 泻 染 领 域 的 博大 精深 绝 不 是 一 本 书 可 以 
涵 新 的 ， 因 此 ， 在 本 书 一 些 章 节 的 最 后 ， 提 供 了 “扩展 阅读 ”小 市 ， 












































让 那些 希望 更 加 深入 学 习 的 读者 可 以 在 提供 的 资料 中 找到 更 多 的 学 
习 内 容 。 


总 而 言 之 ， 我 希望 你 可 以 从 这 本 书 中 学 到 许多 有 价值 的 内 容 ， 并 能 
够 译 受 这 个 过 程 。 相 信 我 ， 这 些 内 容 很 有 趣 。 


本 书 源 代码 


读者 可 以 在 开源 网 站 github (https://github.com/ 
candycat1992/Unity_Shaders_Book ) 上 下 载 本 书 的 源 代码 。 在 编写 本 书 
时 ， 我 们 使 用 的 是 当时 Unity 的 最 新 版 Unity 5.2.1《〈 免 费 版 ) ， 并 在 Mac 
10.9.5 陪 合 和 Windows 8 平 合 下 验证 本 代 但 的 正确 性 。 本 书 源 代码 的 组 织 
方式 大 多 按 资 源 类 型 和 章 市 进行 划分 ， 主 要 包含 了 以 下 关键 文件 夹 。 











包含 了 各 章 对 应 的 场景 ， 每 个 章节 对 应 一 个 子 文件 来， 例如 第 7 章 
所 有 场景 所 在 的 了 文件 夹 为 Assets/Scenes/Chapter7。 每 个 场景 的 命 

Assets/Scenes 名 方式 为 Scene_ 章 写 _ 小 节 入 号 _ 次 小 节 六 写 ， 例如 7.23 节 对 应 的 场景 名 
为 Scene_7_2 3。 如 果 同 一 个 小 节 包 含 了 多 个 场景 ， 那 么 会 使 用 英文 
字母 作为 后 级 依次 表示 ， 例 如 7.1.2 节 包含 了 两 个 场景 Scene 7 1 2 a 
和 Scene 7 1 2 b 
































包含 了 各 章 实现 的 Unity Shader 文 件 ， 每 个 章节 对 应 一 个 子 文件 夹 ， 
例如 第 7 章 实现 的 所 有 Unity Shader 所 在 的 子 文 件 夹 为 

Assets/Shaders | Assets/Shaders/Chapter7。 每 个 Unity Shader 的 命名 方式 为 ChapterX- 
功能 ， 例 如 第 7 章 使 用 渐变 纹理 的 Unity Shader 名 为 Chapter7- 
RampTexture 




















包含 了 各 章 对 应 的 材质 ， 每 个 章节 对 应 一 个 子 文件 光 ， 例 如 第 7 章 
所 有 材质 所 在 的 子 文件 夹 为 Assets/ Scenes/Chapter7。 每 个 材 质 的 命 

Assets/Materials | 名 方式 与 它 使 用 的 Unity Shader 名 称 相 匹配 ， 并 以 Mat 作 为 后 组 ， 例 
如 使 用 名 为 Chapter7-RampTexture 的 Unity Shader 的 材质 名 称 是 
RampTextureMat 


























Assets/Scripts ”| 包含 了 各 章 对 应 的 C# 肢 本， 每 个 章节 对 应 一 个 子 文件 夹 ， 例 如 第 5 
P'S | 章 所 有 脚本 所 在 的 子 文 件 夹 为 Assets/Scripts/Chapter5 























包含 了 各 章 使 用 的 纹理 贴图 ， 每 个 章节 对 应 一 个 子 文件 来 ， 例 如 第 
LS Ds 7 章 使 用 的 所 有 纹理 所 在 的 子 文 件 夹 为 Assets/Textures/Chapter7 

















除了 上 述 文件 夹 外 ， 源 代码 中 还 包含 了 一 些 辅助 文件 夹 。 例 如， 


Assets/Editor 文 件 夹 中 包含 了 一 些 需要 在 编辑 器 状态 下 运行 的 脚本 ， 
Assets/Prefabs 文 件 夹 下 包含 了 各 章 使 用 的 预 设 模型 和 其 他 党 用 预 设 模型 
等 。 


读者 反馈 


尽管 我 们 在 本 书 的 编写 过 程 中 多 次 检查 内 容 的 正确 性 ， 但 书 中 难免 
仍然 会 出 现 一 些 错 误 ， 欢 迎 读者 批评 指正 。 读 者 可 以 将 问题 反映 到 本 书 
源 代码 所 在 的 github 讨 论 页 (https:// 
github.com/candycat1992/Unity_Shaders_Book/issues ) ， 此 网 址 也 是 本 书 
源 代 码 下 载 地 址 ， 该 地 址 中 也 包括 本 书 示例 彩色 图 文档 。 也 可 以 发 邮件 
(lelefeng1992@gmail.com) 联系 作者 ， 本 书 答疑 QQ 群 为 438103099。 


编辑 联系 邮箱 为 zhangtao@ptpress.com.cn。 
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第 1 篇 ”基础 篇 


这 是 很 重要 的 一 篇 ， 尽 管 在 本 篇 中 我 们 没有 进行 真正 的 代码 编写 ， 
但 本 篇 会 为 初学 者 普及 基本 的 理论 知识 以 及 必要 的 数学 基础 ， 为 读者 顺 
利 步 入 Unity Shader 学 习 打 下 很 好 的 基础 。 


第 1 章 欢迎 来 到 Shader 的 世界 


欢迎 来 到 Shader 的 世界 ! 我 们 兽 不 断 听 到 周围 有 人 提出 类 似 的 问 
题 : “Shader 是 什么 ”我 应 该 看 哪些 书 才能 学 好 Shader”“ 学 习 Unity 
Shader， 我 应 该 从 哪里 痢 手 ”。 我 希望 这 本 书 可 以 告诉 你 这 些 问 题 的 答 
案 。 让 你 离 制 作 心 目 中 优秀 游戏 的 心愿 更 近 一 步 。 


第 2 章 泻 染 流水 线 


这 一 章 讲解 了 现代 GPU 是 如 何 实现 整个 演 染 流水 线 的 ， 这 些 内 容 对 
于 理解 Shader 的 工作 原理 有 着 非常 重要 的 作用 。 


第 3 章 Unity Shader 基 础 


这 一 草 将 讲解 Unity Shader 的 实现 原理 和 基本 语法 ， 同 时 也 将 为 读 
者 解答 一 些 第 见 的 困惑 点 。 


第 4 章 学 习 Shader 所 需 的 数学 基础 


数学 向 来 是 初学 者 面 对 的 一 大 学 习 障碍 。 然 而 ， 在 初级 阶段 的 泻 染 
学 习 中 ， 我 们 需要 掌握 的 数学 理论 实际 上 并 不 复杂 。 这 一 章 将 为 读者 讲 
解 泻 染 过 程 中 常见 的 数学 知识 。 这 章 内 容 可 以 帮助 读者 理解 Shader 中 的 
数学 运算 ， 我 们 在 讲解 过 程 中 以 一 个 具体 的 例子 来 前 述 “ 一 头 奶牛 的 曼 
子 是 如 何 一 步 步 们 绘制 到 屏 医 上 的 ”。 











第 1 音 ”欢迎 来 到 Shader 的 世界 


欢迎 来 到 Shader 的 世界 ! 我 们 兽 不 断 听 到 周围 有 人 提出 类 似 的 问 
题 : “Shader 是 什么 ”我 应 该 看 哪些 书 才能 学 好 Shader”“ 学 习 Unity 
Shader， 我 应 该 从 哪里 着 手 ”。 我 们 希望 这 本 书 可 以 告诉 你 这 些 问 题 的 
答案 。 如 果 本 书 是 你 学 习 Shader 的 第 一 本 书 ， 我 们 希望 这 本 书 可 以 为 你 
打开 一 局 新 的 大 门 ， 让 你 离 制 作 心目 中 的 优秀 游戏 的 心愿 更 近 一 步 ;， 如 
果 不 是 ， 我 们 同样 希望 这 本 书 可 以 让 你 更 深入 地 理解 Shader 的 方 方 面 
面 ， 在 学 习 Shader 的 过 程 中 更 上 一 层 楼 。 





1.1 程序 员 的 三 大 浪漫 


有 人 说 ， 程 夺 员 的 三 大 浪漫 是 编译 原理 、 操 作 系 统 和 图 形 学 是 
的 ， 我 已 经 昕 到 很 多 人 在 反 驶 这 人 句 话 了， 不 要 当真 啦 ) 。 不 管 你 是 否认 
同 这 人 句 话 ， 我 们 只 是 想 借 此 说 明 图 形 学 在 程序 员 心 目 中 的 地 位 。 正 在 看 
此 书 的 你 ， 想 必 多 多 少 少 部 对 图 形 学 或 者 泻 染 有 一 定 兴趣 ， 也 许 你 想 要 
通过 此 书 来 学 习 如 何 实现 游戏 中 的 各 种 特效 ， 也 许 你 仅仅 是 好 奇 那些 绚 
丽 的 画面 是 如 何 产 生 的 。 我 们 是 程序 员 中 的 “外 貌 协 会 "， 期 每 看 用 代码 
编写 出 一 个 绚丽 多 姿 的 世界 。 这 束 是 我 们 的 浪漫 。 


我 想 ， 读 者 大 概 都 经 历 过 这 样 的 场景 : 当 你 在 游戏 里 看 到 那些 出 色 
的 画面 时 ， 你 很 好 奇 这 样 的 游戏 是 如 何 制作 出 来 的 ， 更 具体 的 是 ， 这 样 
的 演 染 效果 是 如 何 得 到 的 。 于 是 你 搜索 后 发 现 ， 这 个 游戏 是 Unity 引 擎 
开发 的 ， 更 巧 的 是 ，Unity 也 是 你 熟知 的 引擎 ! 于 是 你 继续 搜索 ， 想 要 
知道 如 何在 Unity 里 实现 这 样 的 效果 ， 最 后 ， 你 往往 会 得 到 “要 编写 自己 
的 Shader 这 样 的 答案 。 总 算 有 了 一 些 头 绪 ， 你 继续 在 网 络 上 搜索 如 何 
学 习 编写 Shader。 于 是 你 看 到 了 很 多 文章， 这 些 文 章 告 诉 你 Unity Shader 
有 哪些 语法 ， 一 个 普通 的 漫 反 射 或 者 边缘 高 光 的 效果 的 代码 是 什么 样子 
的 。 然 后 ， 你 把 这 些 代 码 粘 贴 到 Unity 中 ， 保 存 后 运行 ， 效 果 出 现 了 ! 
一 切 看 起 来 好 像 都 很 顺利 ， 可 是 ， 当 你 仔细 阅读 这 些 代 码 时 ， 却 往往 没 
有 头绪 。 你 不 知道 为 什么 要 有 一 个 名 为 vert 和 frag 的 函数 ， 它 们 是 什么 时 
候 调 用 的 ， 为 什么 vert 函 数 里 要 进行 一 些 和 矩阵 运算 ， 这 些 定 阵 是 用 来 做 
什么 的 ， 为 什么 当 你 按照 C# 里 面 的 一 些 语法 编写 时 Shader 却 报错 了 。 这 
些 疑 问 大 大 影响 了 你 学 习 Shader 的 信心 ， 你 开始 觉得 这 是 一 个 比 学 习 C# 
人 
全 。 


如 果 上 面 的 情景 和 你 的 经 历 有 些 类 似 ， 那 么 相信 我 ， 有 很 多 人 和 你 
有 一 样 的 烦恼 。 事 实 上 ， 我 们 之 所 以 会 党 得 学 习 Shader 比 学 习 C# 这 样 的 
编程 语言 更 加 困难 ， 一 个 原因 是 因为 Shader 需 要 牵扯 到 整个 演 染 流程 。 
当 学 习 C++、C# 这 样 的 高 级 语言 时 ， 我 们 可 以 在 不 了 解 计 算 机 架构 的 情 
况 下 仍然 编写 出 实现 各 种 功能 的 代码 ， 这 样 的 局 级 语言 更 符合 人 类 的 思 
维 方 式 。 然 而 ，Shader 并 不 是 这 样 的 。 我 们 之 所 以 要 学 习 Shader， 是 想 
要 学 习 如 何 把 物体 按照 自己 的 意愿 泻 染 到 屏幕 上 ， 但 是 ，Shader 只 十 整 
个 浓 染 流程 中 的 一 个 子 部 分 。 虽 然 它 很 关键 ， 但 想 要 学 习 它 ， 我 们 就 需 
要 了 解 整个 演 染 流程 是 如 何 进行 的 。 和 C++ 这 样 的 高 级 语言 不 同 ， 尽 管 
































Shader 的 编写 语言 已 经 达到 了 我 们 可 以 理解 的 程度 ， 但 Shader 更 多 地 是 
面向 GPU 的 工作 方式 ， 所 以 它 的 一 些 语法 对 我 们 来 说 并 不 那么 直观 。 因 
此 ， 任 何 一 篇 只 讲 语 法 、 不 讲 泻 染 框架 的 文章 都 无 法 解决 读者 的 困惑 。 

我 们 希望 通过 本 书 可 以 帮助 读者 建立 一 个 泻 染 流程 的 整体 体系 ， 这 
些 基础 是 跨越 Shader 学 习 中 层 层 障碍 的 重要 因素 。 我 们 也 相信 ， 在 学 习 
完 本 书后 ， 读 者 可 以 自行 回答 本 章 开 头 提 出 的 那些 问题 。 








1.2 本 书 结构 

我 们 在 编写 本 书 时 尽量 考虑 到 没有 谊 染 基础 的 读者 们 。 因 此 ， 我 们 
把 整 书 分 成 了 五 大 篇 。 

e 基础 篇 

这 是 很 重要 的 一 篇 ， 尽 管 在 本 篇 中 我 们 没有 进行 真正 的 代码 编写 ， 
但 基础 篇 会 为 初学 者 普及 基本 的 理论 知识 以 及 必要 的 数学 基础 。 基 础 篇 
包括 了 以 下 3 个 章节 。 

第 2 章 ” 泻 染 流 水 线 这 一 章 讲 解 了 现代 GPU 是 如 何 实 现 整个 泻 染 流 
水 线 的 ， 这 些 内 容 对 于 理解 Shader 的 工作 原理 有 着 非常 重要 的 作用 。 

第 3 章 ”Unity Shader 基 础 Unity 在 原 有 的 泻 染 流程 上 进行 了 封装 ， 


并 提供 给 开发 者 新 的 图 像 编程 接口 一 Unity Shader。 这 一 章 将 讲解 Unity 
Shader 的 实现 原理 和 基本 语法 ， 同 时 也 将 为 读者 解答 一 些 第 见 的 困惑 
后 。 

















第 4 章 ”学 习 Shader 所 需 的 数学 基础 ”数学 回来 是 初学 者 面 对 的 一 
大 学 习 障 碍 。 然 而 ， 在 初级 阶段 的 演 染 学 习 中 ， 我 们 需要 掌握 的 数学 理 
论 实际 并 不 复杂 。 本 章 将 为 读者 讲解 泻 染 过 程 中 常见 的 数学 知识 ， 如 天 
量 、 窍 阵 运算 、 坐 标 空间 等 。 本 章 内 容 可 以 大 大 帮助 读者 理解 Shader 中 
的 数学 运算 。 为 了 帮助 读者 加 深 理 解 ， 我 们 在 讲解 过 程 中 以 一 个 具体 的 
例子 来 转述 “一 头 奶 牛 的 盘子 是 如 何 一 步 步 被 绘制 到 屏幕 上 的 ”。 


e 人 切 级 骗 


在 学 习 完 基础 篇 后 ， 我 们 就 正式 开始 了 Unity Shader 的 学 习 之 旅 。 
初级 篇 将 会 从 最 简单 的 Shader 开 始 ， 讲 解 Shader 中 基础 的 光照 模型 、 纹 
理 和 透明 效果 等 初级 演 染 效果 。 需 要 注意 的 是 ， 我 们 在 初级 篇 中 实现 的 
Unity Shader 大 多 不 能 直接 用 于 真实 项 目 中 ， 因 为 它们 缺少 了 完整 的 光 
照 计 算 ， 例 如 阴影 、 光 照 衰减 等 ， 仪 仪 是 为 了 阐述 一 些 实现 原理 。 在 第 
9 章 最 后 ， 我 们 会 给 出 包括 了 完整 光照 计算 的 Unity Shader。 初 级 篇 包含 
了 以 下 4 个 章节 。 


第 5 章 ” 开 始 Unity Shader 学 习 之 旅 ”本 章 将 实现 一 个 简单 的 顶点 / 











片 元 着 色 器 ， 并 详细 解释 其 中 每 个 步骤 的 原理 ， 这 需要 读者 对 之 前 基础 
篇 的 内 容 有 所 理解 。 本 章 还 会 给 出 关于 Unity Shader 的 一 些 常 用 的 辅助 
技巧 ， 例 如 如 何 调试 、 碍 看 内 置 代码 以 及 编写 规范 等 。 


第 6 章 ”Unity 中 的 基础 光照 ”本章 将 学 习 如 何在 Shader 中 实现 基本 
的 光照 模型 ， 如 漫 反 射 、 高 光 反 射 等 。 我 们 首先 解释 如 何 从 无 到 有 实现 
一 个 光照 模型 ， 最 后 给 出 使 用 Unity 提 供 的 内 置 函数 来 实现 的 版 本 。 


第 7 章 ”基础 纹理 纹理 的 使 用 给 演 染 的 世界 带 来 了 更 多 的 变化 。 这 
一 章 将 会 讲述 如 何在 Unity Shader 中 使 用 法 线 纹理 、 遮 党 纹 理 等 基础 纹 
理 。 


第 8 革 ”透明 效果 “透明 是 游戏 中 季 用 的 演 桨 效果。 这 一 章 首 先 介 
绍 了 演 染 的 实现 原理 ， 并 给 出 了 和 Unity 的 泻 染 顺 序 相关 的 重要 内 容 。 
在 了 解 了 这 些 内 容 的 基础 上 ， 我 们 将 学 习 如 何 实现 透明 度 测 试 和 透明 度 
混合 等 透明 效果 。 


e 中 级 篇 


中 级 篇 是 本 书 的 进 阶 篇 章 ， 主 要 讲解 Unity 中 的 演 染 路 径 、 如 何 计 
算 光 照 衰减 和 阴影 、 如 何 使 用 高 级 纹理 和 动画 等 一 系列 进 阶 内 容 。 中 级 
篇 包含 了 以 下 3 个 章 市 。 


第 9 章 ”更 复杂 的 光照 我 们 在 初级 篇 中 实现 的 光照 模型 没有 考虑 一 
些 重要 的 光照 计算 ， 如 阴影 和 光照 衰减 。 本 章 首 先 讲解 Unity 中 的 3 种 泻 
染 路 径 和 3 种 重要 的 光源 类 型 ， 再 解释 如 何在 前 向 泻 染 路 径 中 实现 包含 
了 光照 衰减 、 阴 影 等 效果 的 完整 的 光照 计算 。 在 本 章 最 后 ， 我 们 会 给 出 
基于 之 前 学 习 内 容 实现 的 包含 了 完整 光照 计算 的 Unity Shader。 


第 10 章 ”高 级 纹理 ”这 一 章 将 会 讲解 如 何在 Unity Shader 中 使 用 立 
方 体 纹理 、 演 染 纹理 和 程序 纹理 等 高 级 纹理 。 

第 11 章 ”让 画面 动 起 来 静态 的 画面 往往 是 无 趣 的 。 这 一 章 将 帮助 
读者 学 习 如 何在 Shader 中 使 用 时 间 变 量 来 实现 纹理 动画 、 顶 点 动画 等 动 
态 效果 。 


e 局 级 篇 









































高 级 篇 涵盖 了 一 些 Shader 的 高 级 用 法 ， 例 如 如 何 实现 屏 萌 特 效 、 利 
用 法 线 和 深度 缓冲 以 及 非 真 实感 泻 染 等 ， 同 时 ， 我 们 还 会 介绍 一 些 针对 
移动 平台 的 优化 技巧 。 高 级 篇 的 结构 如 下 。 


第 12 半 ” 屏 磊 后 处 理 效果 屏 硕 特效 是 游戏 中 和 常用 的 泻 染 手法 之 
一 。 这 一 章 将 介绍 如 何在 Unity 中 实现 一 个 基本 的 屏幕 后 处 理 脚本 系 
统 ， 并 给 出 一 些 基 本 的 屏幕 特效 的 实现 原理 ， 如 高 斯 模糊 、 边 缘 检 测 
A 
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第 13 半 ”使 用 深度 和 法 线 纹理 ”使 用 深度 和 法 线 纹理 可 以 帮助 我 
们 实现 很 多 屏幕 特效 。 本 章 将 介绍 如 何在 Unity 中 获取 这 些 特殊 的 纹理 
来 实现 屏幕 特效 。 


第 14 章 ” 非 芮 实感 泻 染 很 多 游戏 使 用 了 非 真 实感 泻 染 的 方法 来 泻 
染 游戏 画面 。 这 一 章 将 会 给 出 常见 的 非 真 实感 泻 染 的 算法 ， 如 卡通 泻 
染 、 了 对 描 风格 的 这 染 等 。 本 章 的 扩展 阅读 部 分 可 以 帮助 读者 找到 更 多 其 
他 类 型 的 非 真 实感 泻 染 的 实现 方法 。 


第 15 章 ”使 用 噪声 “很 多 时 候 品 声 是 我 们 的 救星 。 本 章 给 出 了 喉 
声 在 游戏 泻 染 中 的 一 些 应 用 。 


第 16 章 ”Unity 中 的 这 染 优化 技术 ”优化 往往 是 游戏 这 染 中 的 重 
扩 。 这 一 章 介 绍 了 Unity 中 针对 移动 平台 使 用 的 常见 的 优化 技巧 。 


。 扩展 篇 


扩展 篇 旨 在 进一步 扩展 读者 的 视野 。 本 篇 将 会 介绍 Unity 的 表面 着 
色 右 的 实现 机 制 ， 并 介绍 基于 物理 的 泻 染 的 相关 内 容 。 最 后 ， 我 们 给 出 
了 更 多 的 天 于 学 习 泻 染 的 资料 。 扩 展 篇 包含 了 以 下 4 个 章节 。 


第 17 章 ”Unity 的 表面 着 色 器 探秘 Unity 提 出 了 一 种 新 颖 的 Shader 形 
式 一 表面 着 色 器 。 本 章 将 会 介绍 这 些 表面 着 色 器 是 如 何 实现 的 ， 以 及 如 
何 使 用 这 些 表 面 着 色 器 来 实现 泻 染 。 


第 18 章 “基于 物理 的 泻 染 ”Unity 5 终于 引入 了 基于 物理 的 泻 染 ， 
这 给 Unity 引 擎 带 来 了 更 强 的 泻 染 能 力 。 这 一 章 将 介绍 基于 物理 泻 染 的 
理论 基础 ， 并 解释 Unity 是 如 何 实现 基于 物理 的 泻 染 的 。 我 们 还 会 在 本 
章 实现 一 个 基本 的 场景 来 进一步 证 述 如 何在 Unity 5 中 利用 基于 物理 的 党 























第 19 章 ”Unity 5 更 新 了 什么 。 相 较 于 Unity 4.x，Unity 5 在 Shader 方 
面 有 很 多 重要 的 更 新 。 本 章 将 给 出 Unity 5 中 一 些 重要 的 更 新 ， 以 帮助 读 
者 解决 在 升级 Unity 5 时 所 面 对 的 各 种 问题 。 

第 20 间 ”还 有 更 多 内 容 吗 ”图形 学 的 丰富 多 彩 远 远 超 乎 我 们 的 想 
象 ， 我 们 相信 一 本 书 也 远 远 无 法 满足 一 些 读者 强烈 的 求知 欲 。 在 最 后 一 
0 0 
J 学习。 


那么 ， 你 准备 好 了 吗 ? 和 我 们 一 起 进入 Shader 的 世界 吧 ! 





第 2 革 ” 痊 染 流水 约 


在 开始 一 切 学 习 之 前 ， 我 们 有 必要 了 解 什么 是 Shader， 即 着 色 器 。 
与 之 关系 非常 紧密 的 就 是 泻 染 流水 线 。 可 以 说 ， 如 果 你 没有 了 解 过 演 染 
流水 线 的 工作 流程 ， 就 永远 无 法 说 自己 对 Shader 已 经 入 门 。 


泻 染 流水 线 的 最 终 目 的 在 于 生成 或 者 说 是 演 染 一 张 二 维 纹理 ， 即 我 
们 在 电脑 屏幕 上 看 到 的 所 有 效果 。 它 的 输入 是 一 个 虚拟 摄像 机 、 一 些 光 
源 、 一 些 Shader 以 及 纹理 等 。 


本 章 将 会 给 出 演 染 流水 线 的 概 虎 ， 同 时 会 尽量 避免 数学 上 的 计算 ， 
而 仪 仪 提 供 一 些 全 局 上 的 描述 。 本 书 给 出 的 流水 线 不 仅 适 用 于 Unity 平 
台 ， 如 果 读 者 想 要 深入 了 解 并 学 习 着 色 器 的 话 ， 会 发 现下 面 的 内 容 同 样 
征 非 常 重要 和 有 价值 的 。 
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2.1 综述 


要 学 会 怎么 使 用 Shader， 我 们 首先 要 了 解 Shader 是 怎么 工作 的 。 实 
际 上 ，Shader 仅 仅 是 演 染 流水 线 中 的 一 个 环节 ， 想 要 让 我 们 的 Shader 发 
挥 出 它 的 作用 ， 我 们 就 需要 知道 它 在 泻 染 流 水 线 中 扮演 了 怎样 的 角色 。 
而 本 市 会 给 出 简化 后 的 泻 染 流 水 线 的 工作 流程 。 


2.1.1 什么 是 流水 线 


我 们 移 来 看 一 下 真实 生活 中 的 流水 线 是 什么 。 在 工业 上 ， 流 水 线 被 
广泛 应 用 在 装配 线 上 。 


我 们 来 举 一 个 例子 。 假 设 ， 老 王 有 一 个 生产 洋娃娃 的 工厂 ， 一 个 洋 
娃娃 的 生产 流程 可 以 分 为 4 个 步骤 : 第 1 步 ， 制 作 洋娃娃 的 最 干 ， 第 2 
0 
产品 包装 。 


在 流水 线 出 现 之 前 ， 只 有 在 每 个 洋娃娃 完成 了 所 有 这 4 个 工序 后 才 
能 开始 制作 下 一 个 洋娃娃 。 如 果 说 每 个 步 又 需要 的 时 间 是 1 小 时 的 话 ， 
那么 每 4 个 小 时 才能 生产 一 个 洋娃娃 。 


但 后 来 人 们 发 现 了 一 个 更 加 有 效 的 方法 ， 即 使 用 流水 线 。 老 王 把 流 
水 线 引 入 工厂 之 后 ， 工 三 发 生 了 很 大 的 变化 。 虽 然 制作 一 个 洋娃娃 仍然 

要 4 个 步骤 ， 但 不 需要 从 头 到 尾 完成 全 部 步 又， 而 是 每 个 步骤 由 专人 
来 完成 ， 所 有 步 又 并 行进 行 。 也 束 是 说 ， 当 工序 1 完成 了 制作 绝 干 的 任 
务 并 把 其 交 给 工序 2 时 ， 工 厅 1 义 开始 进行 下 一 个 洋娃娃 的 制作 了 。 


使 用 流水 线 的 好 处 在 于 可 以 提高 单位 时 间 的 生产 量 。 在 洋娃娃 的 例 
子 中 ， 使 用 了 流水 线 技术 后 每 1 个 小 时 就 可 以 生产 一 个 洋娃娃 。 图 2.1 显 
示 了 使 用 流水 线 前 后 生产 效率 的 变化 。 


可 以 发 现 ， 流 水 线 系统 中 诀 定 最 后 生产 速度 的 是 最 慢 的 工序 所 需 的 
时 间 。 人 例如， 如 果 生 产 洋娃娃 的 第 二 道 工 序 需 要 的 是 两 个 小 时 ， 其 他 工 
序 仍然 需要 1 个 小 时 的 话 ， 那 么 平均 每 两 个 小 时 才能 生产 出 一 个 洋 娃 
娃 。 即 工序 2 是 性 能 的 瓶颈 〈bottleneck) 。 








理想 情况 下 ， 如 果 把 一 个 非 流水 线 系统 分 成 mn 个 流水 线 阶 段 ， 且 每 
个 阶段 耗费 时 间 相 同 的 话 ， 会 使 整个 系统 得 到 n 倍 的 速度 提升 。 


没有 使 用 流水 线 使 用 流水 线 
工序 2 工序 3 工序 1 工序 2 工序 3 工序 4 








A 图 2.1 真实 生活 中 的 流水 线 
2.1.2 什么 是 泻 染 流水 线 


上 面 的 关于 流水 线 的 概念 同样 适用 于 计算 机 的 图 像 泻 染 中 。 演 染 流 
水 线 的 工作 任务 在 于 由 一 个 三 维 场 景 出 发 、 生 成 (或 者 说 演 染 ) 一 张 二 
维 图 像 。 换 句 话 说 ， 计 算 机 需要 从 一 系列 的 顶点 数据 、 纹 理 等 信息 出 
发 ， 把 这 些 信 息 最 终 转 换 成 一 张 人 眼 可 以 看 到 的 图 像 。 而 这 个 工作 通常 
是 由 CPU 和 GPU 共同 完成 的 。 























《Render-Time Rendering, Third Edition》[ 叫 一 书 中 将 一 个 泻 染 流程 
分 成 3 个 阶段 : 应 用 阶段 (Application Stage) 、 几 何 阶段 ‘(Geometry 
Stage) 、 光 栅 化 阶段 (Rasterizer Stage) 


注意 ， 这 里 仅仅 是 概念 性 阶段 ， 每 个 阶段 本 喘 通常 也 是 一 个 流水 线 
系统 ， 即 包含 了 子 流水 线 阶 段 。 图 2.2 显 示 了 3 个 概念 阶段 之 间 的 联系 。 
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4 图 2.2” 演 染 流 水 线 中 的 3 个 概念 阶段 





e 应 用 阶段 


从 名 字 我 们 可 以 看 出 ， 这 个 阶段 是 由 我 们 的 应 用 主导 的 ， 因 此 通 御 
i 
六 


在 这 一 阶段 中 ， 开 发 者 有 3 个 主要 任务 : 首先 ， 我们 需要 准备 好 场 
景 数 据 ， 例 如 摄像 机 的 位 置 、 视 锥 体 、 场 景 中 包含 了 哪些 模型 、 使 用 了 
哪些 光源 等 等 ， 其 次 ， 为 了 提高 这 染 性 能 ， 我 们 往往 需要 做 一 个 粗 粒度 
剔除 “culling) 工作 ， 以 把 那些 不 可 见 的 物体 别 除 出 去 ， 这 样 就 不 需要 
再 移交 给 几何 阶段 进行 处 理 ， 最 后 ， 我 们 需要 设置 好 每 个 模型 的 泻 染 状 
态 。 这 些 泻 染 状态 包括 但 不 限于 它 使 用 的 材质 〈 漫 反射 颜色 、 高 光 反 射 
颜色 ) 、 使 用 的 纹理 、 使 用 的 Shader 等 。 这 一 阶段 最 重要 的 输出 是 演 染 
所 需 的 几何 信息 ， 即 泻 染 图 元 〈rendering primitives) 。 通 俗 来 讲 ， 泻 
染 图 元 可 以 是 点 、 线 、 三 角 面 等 。 这 些 泻 染 图 元 将 会 被 传递 给 下 一 个 阶 
段 一 一 几何 阶段 。 

由 于 是 由 开发 者 主导 这 一 阶段 ， 因 此 应 用 阶段 的 流水 线 化 是 由 开发 
者 决定 的 。 这 不 在 本 书 的 范畴 内 ， 有 兴趣 的 读者 可 以 参考 本 章 的 扩展 阅 


读 部 分 。 
。 几何 阶段 
几何 阶段 用 于 处 理 所 有 和 我 们 要 绘制 的 几何 相关 的 事情 。 例 如 ， 决 


定 需要 绘制 的 图 元 是 什么 ， 怎 样 绘制 它们 ， 在 哪里 绘制 它们 。 这 一 阶段 
通常 在 GPU 上 进行 。 








几何 阶段 负责 和 每 个 泻 染 图 元 打交道 ， 进 行 逐 顶点 、 逐 多 边 形 的 操 
作 。 这 个 阶段 可 以 进一步 分 成 更 小 的 流水 线 阶段 ， 这 在 下 一 章 中 会 讲 
到 。 几 何 阶段 的 一 个 重要 任务 就 是 把 项 点 坐标 变换 到 屏幕 空间 中 ， 再 交 
给 光栅 器 进行 处 理 。 通 过 对 输入 的 泻 染 图 元 进行 多 步 处 理 后 ， 这 一 阶段 
将 会 输出 屏幕 空间 的 二 维 顶 点 坐标 、 每 个 顶点 对 应 的 深度 值 、 着 色 等 相 
关 信 息 ， 并 传递 给 下 一 个 阶段 。 


e 光栅 化 阶段 


一 阶段 将 会 使 用 上 个 阶段 传递 的 数据 来 产生 屏幕 上 的 像素 ， 并 泻 
染 出 最 终 的 图 像 。 这 一 阶段 也 是 在 GPU 上 运行 。 光 栅 化 的 任务 主要 是 诀 
定 每 个 泻 染 图 元 中 的 哪些 像素 应 该 家 绘制 在 屏幕 上 。 它 需要 对 上 一 个 阶 
段 得 到 的 逐 顶 点 数据 (例如 纹理 坐标 、 顶 点 颜色 等 ) 进行 插值 ， 然 后 再 
进行 逐 像素 处 理 。 


和 上 一 个 阶段 类 似 ， 光 机 化 阶段 也 可 以 分 成 更 小 的 流水 线 阶 段 。 





所 示 


读者 需要 把 上 面 的 3 个 流水 线 阶 段 和 我 们 将 要 讲 到 的 GPU 流 水 线 阶段 区 分 开 来 。 这 里 的 流水 线 
均 是 概念 流水 线 ， 是 我 们 为 了 给 一 个 演 染 流程 进行 基本 的 功能 划分 而 提出 来 的 。 下 面 要 介绍 
的 GPU 流水 线 ， 则 是 硬件 真正 用 于 实现 上 述 概念 的 流水 线 。 






























































2.2 CPU 和 GPU 之 间 的 通信 


、 泻 染 流 水 线 的 起 点 是 CPU， 即 应 用 阶段 。 应 用 阶段 大 致 可 分 为 下 面 
3 个 阶段 : 


(1) 把 数据 加 载 到 显存 中 。 

(2) 设置 泻 染 状态 。 

(3) 调用 Draw Call 〈 在 本 章 的 最 后 我 们 还 会 继续 讨论 它 ) 。 
2.2.1 把 数据 加 载 到 显存 中 

所 有 泻 染 所 需 的 数据 都 需要 从 硬盘 (Hard Disk Drive，HDD) 中 加 
载 到 系统 内 存 (Random Access Memory，RAM) 中 。 然 后 ， 网 格 和 纹 
理 等 数据 又 被 加 载 到 显卡 上 的 存储 空间 显存 (Video Random Access 
Memory，VRAM) 中 。 这 是 因为 ， 显 卡 对 于 显存 的 访问 速度 更 快 ， 而 


0 的 访问 权利 。 图 2.3 所 示 给 出 了 这 样 一 
上 例子 。 























和 图 2.3 演 染 所 需 的 数据 〈 两 张 纹理 以 及 3 个 网 格 ) 从 硬盘 最 终 加 载 到 显存 中 。 在 泻 染 时 ， 
GPU 可 以 快速 访问 这 些 数据 








” 秆 要 注意 的 是 ， 真 实 演 染 中 需要 加 载 到 显存 中 的 数据 往往 比 图 1.3 
所 示 复 杂 许 多 。 例 如 ， 顶 点 的 位 置信 息 、 法 线 方向 、 顶 点 颜色 、 纹 理 坐 


标 等 。 


当 把 数据 加 载 到 显存 中 后 ，RAM 中 的 数据 就 可 以 移 除 了 。 但 对 于 
一 些 数 据 来 说 ，CPU 仍 然 需要 访问 它们 《例如 ， 我 们 希望 CPU 可 以 访问 
网 格 数据 来 进行 碰撞 检测 ) ， 那 么 我 们 可 能 就 不 布 望 这 些 数据 被 移 除 ， 
因为 从 硬盘 加 载 到 RAM 的 过 程 是 十 分 耗 时 的 。 


在 这 之 后 ， 开 发 者 还 需要 通过 CPU 来 设置 泻 染 状态 ， 从 而 “ 指 
导 ?GPU 如 何 进行 泻 染 工作 。 


2.2.2 ”设置 演 染 状态 


什么 是 泻 染 状态 呢 ? 一 个 通俗 的 解释 就 是 ， 这 些 状态 定义 了 场景 中 
的 网 格 是 怎样 被 泻 染 的 。 例 如 ， 使 用 哪个 顶点 着 色 器 (Vertex Shader) / 
片 元 着 色 器 (Fragment Shader) 、 光 源 属性 、 材 质 等 。 如 果 我 们 没有 更 
改 泻 染 状态 ， 那 么 所 有 的 网 格 都 将 使 用 同一 种 泻 染 状 态 。 图 2.4 显 示 了 
当 使 用 同一 种 演 染 状态 时 ， 演 染 3 个 不 同 网 格 的 结果 。 






















使 用 这 张 纹理 不 开启 混合 
HH 使 用 这 个 片 元 着 色 孝 


| 使 用 这 个 顶点 着 色 器 | 





A 图 2.4 在 同一 状态 下 泻 染 3 个 网 格 。 由 于 没有 更 改 泻 染 状态 ， 因 此 3 个 网 格 的 外 观看 起 来 像 是 
同一 种 材质 的 物体 
在 准备 好 上 述 所 有 工作 后 ，CPU 就 需要 调用 一 个 演 染 命令 来 告诉 
GPU:“ 嘿 ! 老兄 ， 我 都 帮 你 把 数据 准备 好 啦 ， 你 可 以 按照 我 的 设置 来 


开始 泻 染 啦 ! ”而 这 个 泻 染 命令 束 是 Draw Call。 
2.2.3 调用 Draw Call 


相信 接触 过 泻 染 优化 的 读者 应 该 都 听 说 过 Draw Call 。 实 际 上 ， 
Draw Call 就 是 一 个 命令 ， 它 的 发 起 方 是 CPU， 接 收 方 是 GPU。 这 个 命令 
仅仅 会 指向 一 个 需要 被 泻 染 的 图 元 (primitives) 列表 ， 而 不 会 再 包含 任 
何 材质 信息 一 一 这 是 因为 我 们 已 经 在 上 一 个 阶段 中 完成 了 ! 图 2.5 形 象 
化 地 阐释 了 这 个 过 程 。 








当 给 定 了 一 个 Draw Call 时 ，GPU 就 会 根据 泻 染 状态 (例如 材质 、 纹 
理 、 着 色 器 等 ) 和 所 有 输入 的 顶点 数据 来 进行 计算 ， 最 终 输 出 成 屏幕 上 
而 这 个 计算 过 程 ， 就 是 我 们 下 一 节 要 讲 的 GPU 
流 7 线 。 


响 'GPU,， 泻 ; 
这 个 | 





A 图 2.5 CPU 通过 调用 Draw Call 来 告诉 GPU 开始 进行 一 个 演 染 过 程 。 一 个 Draw Call 会 指向 本 
次 调用 需要 泻 染 的 图 元 列表 


2.3 GPU 流水 线 


当 GPU 从 CPU 那里 得 到 演 染 命令 后 ， 束 会 进行 一 系列 流水 线 操作 ， 
最 终 把 图 元 泻 染 到 屏幕 上 。 


2.3.1 概述 


在 上 一 节 中 ， 我 们 解释 了 在 应 用 阶段 ，CPU 是 如 何 和 GPU 通信 ， 并 
通过 调用 Draw Call 来 命令 GPU 进行 演 染 。GPU 演 染 的 过 程 就 是 GPU 流水 
线 。 


对 于 概念 阶段 的 后 两 个 阶段 ， 即 几何 阶段 和 光栅 化 阶段 ， 开 发 者 无 
法 拥有 绝对 的 控制 权 ， 其 实现 的 载体 是 GPU。GPU 通 过 实现 流水 线 化 ， 
大 大 加 快 了 演 染 速度 。 虽 然 我 们 无 法 完全 控制 这 两 个 阶段 的 实现 细节 ， 
但 GPU 向 开发 者 开放 了 很 多 控制 权 。 在 这 一 节 中 ， 我 们 将 具体 了 解 GPU 
是 如 何 实现 这 两 个 概念 阶段 的 。 


几何 阶段 和 光栅 化 阶段 可 以 分 成 看 二 更 小 的 流水 线 阶段 ， 这 些 流水 
线 阶 段 由 GPU 来 实现 ， 每 个 阶段 GPU 提供 了 不 同 的 可 配置 性 或 可 编程 
性 。 图 2.6 中 展示 了 不 同 的 流水 线 阶段 以 及 它们 的 可 配置 性 或 可 编程 















ee 


4 图 2.6 ”GPU 的 演 染 流水 线 实现 。 颜 色 表示 了 不 同 阶 段 的 可 配置 性 或 可 编程 性 ， 绿色 表示 该 流 


水 线 阶 段 是 完全 可 编程 控制 的 ， 黄 色 表 示 该 流水 线 阶 段 可 以 配置 但 不 是 可 编程 的 ， 蓝 色 表 示 该 














流水 线 阶段 是 由 GPU 固定 实现 的 ， 开 发 者 没有 任何 控制 权 。 实 线 表 示 该 Shader 必 须 由 开发 者 编 
程 实现 ， 虚 线 表 示 该 Shader 是 可 选 的 


从 图 中 可 以 看 出 ，GPU 的 演 染 流水 线 接 收 顶 点 数据 作为 输入 。 这 些 
顶点 数据 是 由 应 用 阶段 加 载 到 显存 中 ， 再 由 Draw Call 指 定 的 。 这 些 数据 
随后 被 传递 给 顶点 着 色 器 。 


顶点 着 色 嚣 (Vertex Shader) 是 完全 可 编程 的 ， 它 通常 用 于 实现 
顶点 的 空间 变换 、 顶 点 着 色 等 功能 。 曲 面 细 分 着 色 器 《Tessellation 
Shader) 是 一 个 可 选 的 着 色 器 ， 它 用 于 细 分 图 元 。 几 何 着 色 器 
(Geometry Shader) 同样 是 一 个 可 选 的 着 色 器 ， 它 可 以 被 用 于 执行 逐 
图 元 〈Per-Primitive) 的 着 色 操 作 ， 或 者 被 用 于 产生 更 多 的 图 元 。 下 一 
个 流水 线 阶段 是 裁剪 〈Cjlipping) ， 这 一 阶段 的 目的 是 将 那些 不 在 摄像 
机 视野 内 的 顶点 裁剪 把 ， 并 剔除 某 些 三 角 图 元 的 面 捷 。 这 个 阶段 是 可 配 
置 的 。 例 如 ， 我 们 可 以 使 用 自 定 义 的 裁剪 平面 来 配置 裁剪 区 域 ， 也 可 以 
通过 指令 控制 裁剪 三 角 图 元 的 正面 还 是 背面 。 2 
流水 线 阶段 是 屏幕 映射 (Screen Mapping) 。 这 一 阶段 是 不 可 配置 和 
编程 的 ， 它 负责 把 每 个 图 元 的 坐标 转换 到 屏 时 幕 坐 标 系 中 


光栅 化 概念 阶段 中 的 三 角形 设置 (Triangle Setup) 和 三 角形 遍历 
(Triangle Traversal) 阶段 也 都 是 固定 函数 〈Fixed-Function ) 的 阶 
段 。 接 下 来 的 片 元 着 色 器 (Fragment Shader) ， 则 是 完全 可 编程 的 ， 
它 用 于 实现 逐 片 元 (Per-Fragment) 的 着 色 操作 。 最 后 ， 逐 片 元 操作 
(Per-Fragment Operations) 阶段 负责 执行 很 多 重要 的 操作 ， 例 如 修 
深度 缓冲 、 进 行 混合 等 ， 它 不 是 可 编程 的 ， 但 具有 很 高 的 可 配 


接 下 来 ， 我 们 会 对 其 中 主要 的 流水 线 阶 段 进 行 更 加 详细 的 解释 。 
2.3.2 ”顶点 着 色 器 


顶点 着 色 器 (Vertex Shader) 是 流水 线 的 第 一 个 阶段 ， 它 的 输入 
来 自 于 CPU。 顶 点 着 色 右 的 处 理 单位 是 顶点 ， 也 就 是 说 ， 输 入 进来 的 每 
个 顶点 都 会 调用 一 次 顶点 着 色 器 。 顶 点 着 色 嚣 本身 不 可 以 创建 或 者 销毁 
任何 顶点 ， 而 且 无 法 得 到 顶点 与 顶点 之 间 的 关系 。 例 如 ， 我 们 无 法 得 知 
两 个 顶点 是 否 属 于 同一 个 三 角 网 格 。 但 正 是 因为 这 样 的 相互 独立 性 ， 
i 0 这 意味 着 这 一 阶段 的 
卜 理 速 

































































顶点 着 色 器 需要 完成 的 工作 主要 有 : 坐标 变换 和 逐 顶 点 光照 。 当 
然 ， 除 了 这 两 个 主要 任务 外 ， 顶 点 着 色 器 还 可 以 输出 后 续 阶段 所 需 的 数 
据 。 图 2.7 展 示 了 在 顶点 着 色 器 中 对 顶点 位 置 进行 坐标 变换 并 计算 顶点 
颜色 的 过 程 。 
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4 图 2.7 GPU 在 每 个 输入 的 网 格 项 点 上 都 会 调用 顶点 着 色 器 。 顶 点 着 色 器 必须 进行 顶点 的 化 标 
变换 ， 需 要 时 还 可 以 计算 和 输出 顶点 的 颜色 。 例 如 ， 我 们 可 能 需要 进行 逐 顶 点 的 光照 











e 坐标 变换 。 顾名思义 ， 就 是 对 顶点 的 坐标 〈 即 位 置 ) 进行 茶 种 
变换 。 顶 点 着 色 器 可 以 在 这 一 步 中 改变 顶点 的 位 置 ， 这 在 顶点 动画 中 是 
非常 有 用 的 。 例 如 ， 我 们 可 以 通过 改变 项 点 位 置 来 模拟 水 面 、 布 料 等 。 
但 需要 注意 的 是 ， 无 论 我 们 在 顶点 着 色 器 中 怎样 改变 顶点 的 位 置 ， 一 个 
最 基本 的 顶点 着 色 器 必须 完成 的 一 个 工作 是 ， 把 顶点 坐标 从 模型 空间 
转换 到 齐 次 裁 甬 空 间 。 想 想 看 ， 我 们 在 顶点 着 色 器 中 是 不 是 会 看 到 类 


似 下 面 的 代码 : 


o.pos = mul(UNITY MVP, v.position); 


类 似 上 面 这 名 代码 的 功能 ， 就 是 把 顶点 坐标 转换 到 齐 次 裁剪 坐标 系 
下 ， 接 着 通常 再 由 硬件 做 透视 除法 后 ， 最 终 得 到 归 一 化 的 设备 坐标 
(Normalized Device Coordinates ，NDC) 。 具 体 数 学 上 的 实现 细节 我 
们 会 在 第 4 章 中 讲 到 。 图 2.8 展 示 了 这 样 的 一 个 转换 过 程 。 























转换 到 齐 次 裁剪 坐标 系 下 


A 图 2.8 ”顶点 着 色 器 会 将 模型 顶点 的 位 置 变换 到 齐 次 裁剪 坐标 空间 下 ， 进行 输出 后 再 由 硬件 做 
透视 除法 得 到 NDC 下 的 坐标 











需要 注意 的 是 ， 图 2.8 给 出 的 坐标 范围 是 OpenGL 同 时 也 是 Unity 使 用 
的 NDC， 它 的 z 分 量 范 围 在 [-1 1] 之 间 ， 而 在 DirectX 中 ，NDC 的 z 分 量 
范围 是 [0, 1]。 顶 点 着 色 器 可 以 有 不 同 的 输出 方式 。 最 常见 的 输出 路 径 是 
经 光栅 化 后 交 给 片 元 着 色 器 进行 处 理 。 而 在 现代 的 Shader Model 中 ， 它 
0 

行 了 解 。 


2.3.3 ”裁剪 


由 于 我 们 的 场景 可 能 会 很 大 ， 而 摄像 机 的 视野 范围 很 有 可 能 不 会 区 
盖 所 有 的 场景 物体 ， 一 个 很 自然 的 想法 就 是 ， 那 些 不 在 摄像 机 视野 范围 
的 物体 不 需要 被 处 理 。 而 疹 前 Clipping》 就 是 为 了 完成 这 个 目的 而 被 
是 出 来 的 。 


一 个 图 元 和 摄像 机 视野 的 关系 有 3 种 : 完全 在 视野 内 、 部 分 在 视野 
内 、 完 全 在 视野 外 。 完 全 在 视野 内 的 图 元 惑 继续 传递 给 下 一 个 流水 线 阶 
段 ， 完 全 在 视野 外 的 图 元 不 会 继续 同 下 传递 ， 因 为 它们 不 需要 被 演 染 。 
而 那些 部 分 在 视野 内 的 图 元 需要 进行 一 个 处 理 ， 这 束 是 裁 勇 。 例 如 ， 一 
条 线段 的 一 个 顶点 在 视野 内 ， 而 另 一 个 顶点 不 在 视野 内 ， 那 么 在 视野 外 
部 的 顶点 应 该 使 用 一 个 新 的 顶点 来 代 答 ， 这 个 新 的 顶点 位 于 这 条 线段 和 
视野 边界 的 交点 处 。 


由 于 我 们 已 知 在 NDC 下 的 顶点 位 置 ， 即 顶点 位 置 在 一 个 立方 体内 ， 
因此 裁 脑 就 变 得 很 简单 :只 需要 将 图 元 改 枉 到 蛙 位 立方 体内 。 图 2.9 展 






































全 图 2.9 只 有 在 单位 立方 体 的 图 元 才 需 要 被 继续 处 理 。 因 此 ， 完 全 在 单位 立方 体外 部 的 图 元 
《红色 三 角形 ) 被 舍弃 ， 完 全 在 单位 立方 体内 部 的 图 元 “绿色 三 角形 ) 将 被 保留 。 和 单位 立方 
体 相 交 的 图 元 〈 黄 色 三 角形 ) 会 被 裁剪 ， 新 的 顶点 会 被 生成 ， 原 来 在 外 部 的 顶点 会 被 舍弃 


和 顶点 着 色 器 不 同 ， 这 一 步 是 不 可 编程 的 ， 即 我 们 无 法 通过 编程 来 
控制 裁剪 的 过 程 ， 而 是 硬件 上 的 固定 操作 ， 但 我 们 可 以 自 定义 一 个 裁 驴 
操作 来 对 这 一 步 进行 配置 。 


2.3.4 屏幕 映射 


一 步 输入 的 坐标 仍然 是 三 维 坐标 系 下 的 坐标 〈 范 围 在 单位 立方 体 
内 ) 。 屏 幕 映射 〈Screen Mapping) 的 任务 是 把 每 个 图 元 的 x 和 y 坐标 
转换 到 屏幕 坐标 系 (Screen Coordinates) 下 。 屏 幕 坐 标 系 是 一 个 二 维 
坐标 系 ， 它 和 我 们 用 于 显示 画面 的 分 辨认 有 很 大 关系 。 


假设 ， 我 们 需要 把 场景 演 染 到 一 个 窗口 窗口 的 范围 是 从 最 小 的 
窗口 坐标 (x 1y1 ) 到 最 大 的 窗 口 佣 标 w 2:Y 2 4 ”、 1<X9?> 且 y 1<yY?。 | 
我 们 输入 的 坐标 范围 在 -1 到 1， 因 此 可 以 想象 到 ， 这 人 了 个 过 程 实际 是 一 wd 
缩放 的 过 程 ， 如 图 2.10 所 示 。 你 可 能 会 问 ， 那 么 输入 的 z 坐标 会 怎么 样 
呢 ? 屏幕 映射 不 会 对 输入 的 z 坐标 做 任何 处 理 。 实 际 上 ， 屏幕 坐标 系 和 2z 
坐标 一 起 构成 了 一 个 坐标 系 ， 叫 做 窗口 坐标 系 (Window 
Coordinates) 。 这 些 值 会 一 起 被 传递 到 光栅 化 阶段 。 
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4 图 2.10 ”屏幕 映射 将 xX、y 坐标 从 〈-1 1) 范围 转换 到 屏幕 坐标 系 中 


屏 副 映射 得 到 的 屏 大 坐标 决定 了 这 个 顶 反对 应 屏幕 上 哪个 像 系 以 及 
距离 这 个 像 系 有 多 远 。 


有 一 个 需要 引起 注意 的 地 方 是 ， 屏 幕 坐 标 系 在 OpenGL 和 DirectX 之 
间 的 差异 问题 。OpenGL 把 屏幕 的 左下 有 角 当 成 最 小 的 窗口 坐标 值 ， 而 
DirectX 则 定义 了 屏幕 的 左上 角 为 最 小 的 窗口 坐标 值 。 几 2.11 显 示 了 这 样 
的 差异 。 











(512, 512) (0, 0) 
(512, 512) 
OpenGL DirectX 





A 图 2.11 OpenGL 和 DirectX 的 屏幕 坐标 系 差异 。 对 于 一 张 512*512 大 小 的 图 像 ， 在 OpenGL 中 其 
《0,0) 点 在 左下 角 ， 而 在 DirectX 中 其 (0, 0) 点 在 左上 和 角 





产生 这 种 差异 的 原因 是 ， 微 软 的 窗口 都 使 用 了 这 样 的 坐标 系统 ， 因 
为 这 和 我 们 的 阅读 方式 是 一 致 的 : 从 左 到 右 、 从 上 到 下 ， 并 且 很 多 图 像 
文件 也 是 按照 这 样 的 格式 进行 存储 的 。 





不 管 原因 如 何 ， 兰 异 束 这 么 造成 了 。 留 给 我 们 开发 者 的 就 是 ， 要 时 
刻 小 心 这 样 的 差异 ， 如 果 你 发 现 得 到 的 图 像 是 倒转 的 ， 那 么 很 有 可 能 就 
征 这 个 原因 造成 的 。 


2.3.5 三 角形 设置 


由 这 一 步 开 始 就 进入 了 光栅 化 阶段 。 从 上 一 个 阶段 输出 的 信息 是 屏 
幕 坐 标 系 下 的 顶点 位 置 以 及 和 它们 相关 的 额外 信息 ， 如 深度 值 〈z 坐 
标 〉、 法 线 方 辐 、 视 角 方 回 等 。 光 机 化 阶段 有 两 个 最 重要 的 目标 : 计算 
每 个 图 元 履 盖 了 哪些 像素 ， 以 及 为 这 些 像素 计算 它们 的 颜色 。 


光栅 化 的 第 一 个 流水 线 阶段 是 三 角形 设置 (Triangle Setup) 。 这 
个 阶段 会 计算 光栅 化 一 个 三 角 网 格 所 需 的 信息 。 有 具体 来 说 ， 上 一 个 阶段 
输出 的 都 是 三 角 网 格 的 顶点 ， 即 我 们 得 到 的 是 三 角 网 格 每 条 边 的 两 个 端 
点 。 但 如 果 要 得 到 整个 三 角 网 格 对 像素 的 缆 善 情况 ， 我 们 就 必须 计算 每 
条 边 上 的 像 际 华 标 。 为 了 能 够 计算 边界 像素 的 坐标 信息 ， 我 们 就 需要 得 
到 三 角形 边界 的 表示 方式 。 这 样 一 个 计算 三 角 网 格 表示 数据 的 过 程 就 叫 
做 三 角形 设置 。 它 的 输出 是 为 了 给 下 一 个 阶段 做 准备 。 


2.3.6 ”三 角形 遍历 


三 角形 裔 历 (Triangle Traversal) 阶段 将 会 检查 每 个 像素 是 人 否 被 
一 个 三 角 网 格 所 履 闵 。 如 果 被 覆盖 的 话 ， 就 会 生成 一 个 片 元 
(fragment) 。 而 这 样 一 个 找到 哪些 像素 被 三 角 网 格 履 盖 的 过 程 加 是 
三 角形 遇 历 ， 这 个 阶段 也 被 称 为 扫描 变换 (Scan Conversion ) 。 


三 角形 遍历 阶段 会 根据 上 一 个 阶段 的 计算 结果 来 判断 一 个 三 角 网 格 
履 盖 了 哪些 像素 ， 并 使 用 三 角 网 格 3 个 顶点 的 顶点 信息 对 整个 覆盖 区 域 
的 像素 进行 插值 。 图 2.12 展 示 了 三 角形 遍历 阶段 的 简化 计算 过 程 。 
































三 角形 遍历 














A 图 2.12 三 角形 遍历 的 过 程 。 根 据 几 何 阶段 输出 的 顶点 信息 ， 最 终 得 到 该 三 角 网 格 履 盖 的 像 
素 位 置 。 对 应 像素 会 生成 一 个 片 元 ， 而 片 元 中 的 状态 :是 对 3 个 顶点 的 信息 进行 插值 得 到 的 。 例 
如 ， 对 图 2.12 中 3 个 顶点 的 深度 进行 插值 得 到 其 重心 位 置 对 应 的 片 元 的 深度 值 为 -10.0 


这 一 步 的 输出 就 是 得 到 一 个 片 元 序列 。 需 要 注意 的 是 ， 一 个 片 元 并 
不 是 真正 意义 上 的 像素 ， 而 是 包含 了 很 多 状态 的 集合 ， 这 些 状态 用 于 计 
算 每 个 像素 的 最 终 颜 色 。 这 些 状 态 包 括 了 但 不 限于 ) 它 的 屏幕 坐标 、 
深度 信息 ， 以 及 其 他 从 几何 阶段 输出 的 顶点 信息 ， 例 如 法 线 、 纹 理 坐 标 






































2.3.7 “ 片 元 着 色 需 


片 元 着 色 器 (Fragment Shader) 是 另 一 个 非常 重要 的 可 编程 着 色 
器 阶段 。 在 DirectX 中 ， 片 元 着 色 器 被 称 为 像素 着 色 器 (Pixel Shader ) 
， 但 片 元 着 色 器 是 一 个 更 合适 的 名 字 ， 因 为 此 时 的 片 元 并 不 是 一 个 真正 
意义 上 的 像素 。 


前 面 的 光栅 化 阶段 实际 上 并 不 会 影响 屏幕 上 每 个 像素 的 颜色 值 ， 而 
是 会 产生 一 系列 的 数据 信息 ， 用 来 表述 一 个 三 角 网 格 是 怎样 覆盖 每 个 像 
素 的 。 而 每 个 片 元 就 负责 存储 这 样 一 系列 数据 。 真正 会 对 像 系 产生 影响 
的 阶段 是 下 一 个 流水 线 阶段 一 一 逐 厂 元 操作 (Per-Fragment 
Operations) 。 我 们 随后 就 会 讲 到 。 


片 元 着 色 右 的 输入 是 上 一 个 阶段 对 顶点 信息 插值 得 到 的 结果 ， 更 具 




















体 来 说 ， 是 根据 那些 从 顶点 着 色 圳 中 输出 的 数据 插值 得 到 的 。 而 它 的 输 
出 是 一 个 或 者 多 个 颜色 值 。 图 2.13 显 示 了 这 样 一 个 过 程 。 


一 阶段 可 以 完成 很 多 重要 的 泻 染 技术 ， 其 中 最 重要 的 技术 之 一 就 
是 纹理 采样 。 为 了 在 片 元 着 色 器 中 进行 纹理 采样 ， 我 们 通常 会 在 顶点 着 
色 器 阶段 输出 每 个 顶点 对 应 的 纹理 坐标 ， 然 后 经 过 光栅 化 阶段 对 三 角 网 
格 的 3 个 顶点 对 应 的 纹理 坐标 进行 插值 后 ， 就 可 以 得 到 其 蓝 站 的 片 元 的 
纹理 坐标 了 。 
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4 图 2.13 ”根据 上 一 步 插值 后 的 片 元 信息 ， 片 元 着 色 器 计算 该 片 元 的 输出 颜色 


虽然 片 元 着 色 器 可 以 完成 很 多 重要 效果 ， 但 它 的 局 限 在 于 ， 它 仅 可 
以 影响 单个 片 元 。 也 就 是 说 ， 当 执行 片 元 着 色 器 时 ， 它 不 可 以 将 自己 的 
任何 结 采 吾 接 发 送 给 它 的 邻居 们 。 有 一 个 情况 例外 ， 就 是 片 元 省 色 器 可 
以 访问 到 导数 信息 〈gradient， 或 者 说 是 derivative ) 。 有 兴趣 的 读者 可 
以 参考 本 音 的 扩展 阅读 部 人 分 。 


2.3.8” 逐 片 元 操作 


终于 到 了 演 染 流水 线 的 最 后 一 步 。 逐 片 0 0 -Fragment 
Operations) 是 OpenGL 中 的 说 法 ， 区 中 ， 这 一 阶段 被 称 为 输出 
A On ray 











步骤 的 目的 : 合并 。 而 OpenGL 中 的 名 字 可 以 让 读者 明白 这 个 阶段 的 
操作 单位 ， 即 是 对 每 一 个 片 元 进行 一 些 操作 。 那 么 问题 来 了 ， 要 合并 哪 
些 数据 ? 又 要 进行 哪些 操作 呢 ? 


一 阶段 有 几 个 主要 任务 。 


(1) 决定 每 个 片 元 的 可 见 性 。 这 涉及 了 很 多 测试 工作 ， 例 如 深度 
测试 、 模 板 测 试 等 。 


(2) 如 果 一 个 所 元 通过 了 所 有 的 测试 ， 就 需要 把 这 个 片 元 的 颜色 
值 和 已 经 存储 在 颜色 缓冲 区 中 的 颜色 进行 合并 ， 或 者 说 是 混合 。 


需要 指明 的 是 ， 逐 片 元 操作 阶段 是 高 度 可 配置 性 的 ， 即 我 们 可 以 设 
置 每 一 步 的 操作 细节 。 这 在 后 面 会 讲 到 。 


这 个 阶段 首先 需要 解决 每 个 片 元 的 可 见 性 问题 。 这 需要 进行 一 系列 
测试 。 这 就 好 比 考试 ， 一 个 片 元 只 有 通过 了 所 有 的 考试 ， 才 能 最 终 获 得 
和 GPU 谈 判 的 资格 ， 这 个 资格 指 的 是 它 可 以 和 颜色 缓冲 区 进行 合并 。 如 
果 它 没有 通过 其 中 的 某 一 个 测试 ， 那 么 对 不 起 ， 之 前 为 了 产生 这 个 片 元 
所 做 的 所 有 工作 都 是 白费 的 ， 因 为 这 个 片 元 会 被 舍弃 掉 。Poor 
fragment! 图 2.14 给 出 了 简化 后 的 逐 片 元 操作 所 做 的 操作 。 


A 图 2.14 逐 片 元 操作 阶段 所 做 的 操作 。 只 有 通过 了 所 有 的 测试 后 ， 新 生成 的 片 元 才能 和 颜色 
缓冲 区 中 已 经 存在 的 像素 颜色 进行 混合 ， 最 后 再 写 入 颜色 绥 冲 区 中 


测试 的 过 程 实 际 上 是 个 比较 复杂 的 过 程 ， 而 且 不 同 的 图 形 接口 〈 例 
如 OpenGL 和 DirectX) 的 实现 细节 也 不 尽 相 同 。 这 里 给 出 两 个 最 基本 的 
测试 一 一 深度 测试 和 模板 测试 的 实现 过 程 。 能 和 否 理解 这 些 测试 过 程 将 关 
乎 读者 是 否 可 以 理解 本 书后 面 章节 中 提 到 的 演 染 队列 ， 尤 其 是 处 理 透 明 
效果 时 出 现 的 问题 。 图 2.15 给 出 了 深度 测试 和 模板 测试 的 简化 流程 图 。 





























开始 深度 测试 











舍弃 该 片 元 








模板 测试 结束 


A 图 2.15 ”模板 测试 和 深度 测试 的 简化 流程 图 


我 们 先 来 看 模板 测试 (Stencil Test) 。 与 之 相关 的 是 模板 缓冲 
(Stencil Buffer) 。 实 际 上 ， 模 板 绥 冲 和 我 们 经 和 常 听 到 的 颜色 缓冲 、 深 
上 度 缓冲 几乎 是 一 类 东西 。 如 果 开 局 了 模板 测试 ，GPU 会 首先 读 取 “使 用 
读 取 撼 码 ) 模板 缓冲 区 中 该 片 元 位 置 的 模板 值 ， 然 后 将 该 值 和 读 取 【使 
用 读 取 掩 码 ) 到 的 参考 值 (reference value) 进行 比较 ， 这 个 比较 函数 可 
以 是 由 开发 者 指定 的 ， 例 如 小 于 时 舍弃 该 片 元 ， 或 者 大 于 等 于 时 舍弃 该 
片 元 。 如 果 这 个 片 元 没有 通过 这 个 测试 ， 该 片 元 就 会 被 舍弃 。 不 管 一 个 














刻 元 有 没有 通过 模板 测试 ， 我 们 都 可 以 根据 模板 测试 和 下 面 的 深度 测试 
结 琳 来 修改 模板 缓冲 区 ， 这 个 修改 操作 也 是 由 开发 者 指定 的 。 开 发 者 可 
以 设置 不 同 结果 下 的 修改 操作 ， 例 如 ， 在 失败 时 模板 缓冲 区 保持 不 变 ， 
通过 时 将 模板 缓冲 区 中 对 应 位 置 的 值 加 1 等 。 模 板 测 试 通 第 用 于 限制 泻 
染 的 区 域 。 男 外 ， 模 板 测 试 还 有 一 些 更 局 级 的 用 法 ， 如 洽 染 阴影 、 轮 万 


J 过 LL 与 
泻 染 等 。 








如 果 一 个 片 元 幸运 地 通过 了 模板 测试 ， 那 么 它 会 进行 下 一 个 测试 

深度 测试 (Depth Test) 。 相 信 很 多 读者 都 听 到 过 这 个 测试 。 这 个 
测试 同样 是 可 以 高 度 配 置 的 。 如 果 开 启 了 深度 测试 ，GPU 会 把 该 片 元 的 
深度 值 和 已 经 存在 于 深度 缓冲 区 中 的 深度 值 进行 比较 。 这 个 比较 函数 也 
是 可 由 开发 者 设置 的 ， 例 如 小 于 时 舍弃 该 片 元 ， 或 者 大 于 等 于 时 舍弃 该 
片 元 。 通 常 这 个 比较 函数 是 小 于 等 于 的 关系 ， 即 如 果 这 个 片 元 的 深度 值 
大 于 等 于 当前 深度 缓冲 区 中 的 值 ， 那 么 就 会 舍弃 它 。 这 是 因为 ， 我 们 总 
想 只 显示 出 离 摄像 机 最 近 的 物体 ， 而 那些 被 其 他 物体 遮挡 的 就 不 需要 出 
现在 屏 磋 上。 如 果 这 个 片 元 没有 通过 这 个 测试 ， 该 片 元 就 会 被 舍弃 。 和 
模板 测试 有 些 不 同 的 是 ， 如 果 一 个 片 元 没有 通过 深度 测试 ， 它 就 没有 权 
利 更 改 深 度 缓冲 区 中 的 值 。 而 如 果 它 通过 了 测试 ， 开 发 者 还 可 以 指定 是 
售 要 用 这 个 片 元 的 深度 值 履 盖 掉 原 有 的 深度 值 ， 这 是 通过 开局 /关闭 深 

上 度 写 入 来 做 到 的 。 我 们 在 后 面 的 学 习 中 会 发 现 ， 透 明 效 果 和 深 度 测试 以 
及 深度 写 入 的 关系 非常 密切 。 


如 果 一 个 幸运 的 片 元 通过 了 上 面 的 所 有 测试 ， 它 就 可 以 自 窒 地 来 到 
合并 功能 的 面前 。 


为 什么 需要 合并 ? 我 们 要 知道 ， 这 里 所 讨论 的 泻 染 过 程 是 一 个 物体 
接着 一 个 物体 画 到 屏幕 上 的 。 而 每 个 像素 的 颜色 信息 被 存储 在 一 个 名 为 
颜色 缓冲 的 地 方 。 因 此 ， 当 我 们 执行 这 次 泻 染 时 ， 颜 色 缓冲 中 往往 已 经 
有 了 上 次 演 染 之 后 的 颜色 结果 ， 那 么 ， 我 们 是 使 用 这 次 泻 染 得 到 的 颜色 
元 全 敌 盖 探 之 前 的 编 案 ， 还 是 进行 其 他 处 理 ? 这 就 是 合并 需要 解决 的 问 
题 。 




















对 于 不 透明 物体 ， 开 发 者 可 以 关闭 混合 〈Blend) 操作 。 这 样片 元 
着 色 器 计算 得 到 的 颜色 值 就 会 直接 窗 盖 挥 闫 色 绥 冲 区 中 的 像素 值 。 但 对 
于 半 透 明 物体 ， 我 们 就 需要 使 用 混合 操作 来 让 这 个 物体 看 起 来 是 透明 
的 。 图 2.16 展 示 了 一 个 简化 版 的 混合 操作 的 流程 图 。 
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4 图 2.16 混合 操作 的 简化 流程 图 


从 流程 图 中 我 们 可 以 发 现 ， 混合 操作 也 是 可 以 高 度 配置 的 : 开发 者 
可 以 选择 开启 /关闭 混合 功能 。 如 果 没 有 开局 混合 功能 ， 融 会 直接 使 用 
片 元 的 颜色 黎 盖 挤 颜 色 缓冲 区 中 的 颜色 ， 而 这 也 是 很 多 初学 者 发 现 无 法 
得 到 透明 效果 的 原因 (没有 开启 混合 功能 ) 。 如 果 开 局 了 混合 ，GPU 会 














取出 源 颜色 和 目标 颜色 ， 将 两 种 颜色 进行 混合 。 源 颜色 指 的 是 片 元 着 色 
器 得 到 的 颜色 值 ， 而 目标 颜色 则 是 已 经 存在 于 颜色 缓冲 区 中 的 颜色 值 。 
之 后 ， 束 会 使 用 一 个 混合 函数 来 进行 混合 操作 。 这 个 混合 函数 通常 和 透 
明 通 道 奶 娠 相关 ， 例 如 根据 透明 通道 的 值 进 行 相 加 、 相 减 、 相 习 等 。 泥 
合 很 像 Photoshop 中 对 图 层 的 操作 : 每 一 层 图 层 可 以 选择 混合 模式 ， 混 
RG 


上 上面 给 出 的 测试 顺 夺 并 不 是 唯一 的 ， 而 且 虽 然 从 逻辑 上 来 说 这 些 测 
试 是 在 片 元 着 色 器 之 后 进行 的 ， 但 对 于 大 多 数 GPU 来 说 ， 它 们 会 尽 可 能 
在 执行 片 元 着 色 器 之 前 就 进行 这 些 测试 。 这 是 可 以 理解 的 ， 想 象 一 下 ， 
当 GPU 在 片 元 着 色 器 阶段 伦 了 很 大 力气 终于 计算 出 片 元 的 颜色 后 ， 却 发 
现 这 个 片 元 根本 没有 通过 这 些 检 验 ， 也 束 是 次 这 个 片 元 还 是 航 售 并 了 ， 
那 之 前 花 缆 的 计算 成 本 全 都 浪费 了 ! 图 2.17 给 出 了 这 样 一 个 场景 。 


























4 图 2.17 图 示 场 景 中 包含 了 两 个 对 象 : 球 和 长 方 体 ， 绘 制 顺序 是 先 绘制 球 〈 在 屏幕 上 显示 为 
圆 ) ， 再 绘制 长 方 体 〈 在 屏幕 上 显示 为 长 方形 ) 。 如 果 深 度 测 试 在 片 元 着 色 器 之 后 执行 ， 那 么 
在 演 染 长 方 体 时 ， 虽 然 它 的 大 部 分 区 域 都 被 遮挡 在 球 的 后 面 ， 即 它 所 禾 盖 的 绝 大 部 分 片 元 根本 
无 法 通过 深度 测试 ， 但 是 我 们 仍然 需要 对 这 些 片 元 执行 片 元 着 色 器 ， 造 成 了 很 大 的 性 能 浪费 


作为 一 个 想 充分 提高 性 能 的 GPU， 它 会 希望 尽 可 能 早 地 知道 哪些 片 























元 是 会 被 舍弃 的 ， 对 于 这 些 片 元 就 不 需要 再 使 用 片 元 着 色 器 来 计算 它们 
的 颜色 。 在 Unity 给 出 的 渲染 流水 线 中 ， 我 们 也 可 以 发 现 它 给 出 的 深度 
测试 是 在 片 元 着 色 器 之 前 。 这 种 将 深度 测试 提前 执行 的 技术 通常 也 被 称 
为 Early-Z 技 术 。 和 希望 读者 看 到 这 里 时 不 会 因此 感到 困惑 。 在 本 书后 面 的 
章节 中 ， 我 们 还 会 继续 讨论 这 个 问题 。 


但 是 ， 如 果 将 这 些 测试 提前 的 话 ， 其 检验 结果 可 能 会 与 片 元 着 色 器 
中 的 一 些 操作 冲突 。 例 如 ， 如 果 我 们 在 片 元 着 色 费 进行 了 透明 度 测 试 
(我 们 将 在 8.3 节 中 具体 讲 到 〉 ， 而 这 个 片 元 没有 通过 透明 度 测 试 ， 我 
们 会 在 着 色 器 中 调用 API《〈 例 如 clip 函 数 ) 来 手动 将 其 舍弃 掉 。 这 就 导致 
GPU 无 法 提前 执行 各 种 测试 。 因 此 ， 现 代 的 GPU 会 判断 片 元 着 色 器 中 的 
操作 是 否 和 提前 测试 发 生 冲突 ， 如 果 有 冲突 ， 就 会 蔡 用 提前 测试 。 但 
是 ， 这 样 也 会 造成 性 能 上 的 下 降 ， 因 为 有 更 多 片 元 需要 和 被 处 理 了 。 这 也 
征 透明 上 度 汕 试 会 导致 性 能 下 降 的 原因 。 


当 模型 的 岁 元 经 过 了 上 面 层 层 计算 和 测试 后 ， 就 会 显示 到 我 们 的 屏 
幕 上 。 我 们 的 屏幕 显示 的 就 是 颜色 缓冲 区 中 的 颜色 值 。 但 是 ， 为 了 避免 
我 们 看 到 那些 正在 进行 光栅 化 的 图 元 ，GPU 会 使 用 双重 缓冲 〈Double 
Buffering) 的 策略 。 这 意味 着 ， 对 场景 的 这 染 是 在 妖 后 发 生 的 ， 即 在 
后 置 缓冲 〈Back Buffer) 中 。 一 旦 场景 已 经 被 泻 染 到 了 后 置 缓冲 中 ， 
GPU 就 会 交换 后 置 缓冲 区 和 前 置 缓冲 〈Front Buffer) 中 的 内 容 ， 而 前 
A 
征 连续 的 。 
































2.3.9 总结 


虽然 我 们 上 面 讲 了 很 多 ， 但 其 真正 的 实现 过 程 远 比 上 面 讲 到 的 要 复 
杂 。 需 要 注意 的 是 ， 读 者 可 能 会 发 现 这 里 给 出 的 流水 线 名 称 、 顺 序 可 能 
和 在 一 些 资料 上 看 到 的 不 同 。 一 个 原因 是 由 于 图 像 编 程 接口 〈 如 
OpenGL 和 DirectX) 的 实现 不 尽 相 同 ， 另 一 个 原因 是 GPU 在 底层 可 能 做 
了 很 多 优化 ， 例 如 上 面 提 到 的 会 在 片 元 着 色 器 之 前 就 进行 深度 测试 ， 似 
避免 无 谓 的 计算 。 


虽然 泻 染 流水 线 比 较 复 杂 ， 但 Unity 作 为 一 个 非常 出 色 的 平台 为 我 
们 封装 了 很 多 功能 。 更 多 时 候 ， 我 们 只 需要 在 一 个 Unity Shader 设 置 一 
些 输入 、 编 写 顶 点 着 色 器 和 片 元 着 色 器 、 设 置 一 些 状态 就 可 以 达到 大 部 
分 常见 的 屏幕 效果 。 这 是 Unity 吸 引 人 的 魅力 之 处 ， 但 这 样 的 缺点 在 























于 ， 封 装 性 会 导致 编程 自由 度 下 降 ， 使 很 多 初学 者 迷失 方向 ， 无 法 掌握 
其 背后 的 原理 ， 并 在 出 现 问题 时 ， 往 往 无 法 找到 错误 原因 ， 这 是 在 学 习 
Unity Shader 时 普遍 的 遭遇 。 


泻 染 流 水 线 几 乎 和 本 书 所 有 章节 都 居 娠 相关 ， 如 果 读 者 此 时 仍然 无 
法 完全 理解 泻 染 流水 线 ， 仍 可 以 继续 学 习 下 去 。 但 如 果 读 者 在 学 习 过 程 
0 可 以 不 断 查 阅 本 章 内 容 ， 相 信 会 有 更 
深 的 理解 。 











2.4 一些 容易 困惑 的 地 方 


在 读者 学 习 Shader 的 过 程 中 ， 会 看 到 一 些 所 谓 的 专业 术语 ， 这 些 术 
语 的 出 现 频 率 很 咒 ， 以 全 于 如 末 没 有 对 其 有 基本 的 认识 ， 会 使 得 急 学 者 
忆 古 感到 非常 困惑 。 本 间 的 最 后 将 阐述 其 中 的 一 些 术语 。 








2.4.1 什么 是 OpenGL/DirectX 


只 要 读者 接触 过 图 像 编 程 ， 束 一 定 昕 说 过 OpenGL 和 DirectX， 世 一 
定 知道 这 两 者 之 间 的 竞争 关系 。OpenGL 与 DirectX 之 间 的 竞争 以 及 它们 
与 各 个 便 件 生产 商 之 间 的 纠 万 历史 很 有 趣 ， 但 很 可 惜 这 不 在 本 书 的 讨论 
施 围 。 本 市 的 目的 在 于 癌 读 者 尽 可 能 通俗 地 解释 ， 它 们 到 底 是 什么 ， 又 
和 之 前 讲 到 的 泻 染 管线 、GPU 有 什么 关系 。 


我 们 伦 了 一 整个 章节 的 篇 幅 来 讲述 泻 染 的 概念 流水 线 以 及 GPU 是 如 
何 实现 这 些 流水 线 的 ， 但 如 果 要 开发 者 下 接 访 问 GPU 是 一 件 非 第 拱 烦 的 
事情 ， 我 们 可 能 需要 和 各 种 寄存 器 、 显 存 打 交道 。 而 图 像 编程 接口 在 这 
些 人 硬件 的 基础 上 实现 了 一 层 抽象 。 


OpenGL 和 DirectX 就 是 这 些 图 像 应 用 编程 接口 ， 这 些 接口 用 于 演 染 
二 维 或 三 维 图 形 。 可 以 说 ， 这 些 接口 架 起 了 上 层 应 用 程序 和 底层 GPU 的 
沟通 桥梁 。 一 个 应 用 程序 向 这 些 接口 发 送 泻 染 命令 ， 而 这 些 接口 会 依次 
问 显卡 驱动 《Graphics Driver) 发 送 演 染 命 令 ， 这 些 显卡 驱动 是 真正 知 
道 如 何 和 GPU 通信 的 角色 ， 正 是 它们 把 OpenGL 或 者 DirectX 的 函数 调用 
翻译 成 了 GPU 能 够 听 懂 的 语言 ， 同 时 它们 也 负责 把 纹理 等 数据 转换 成 
GPU 所 文 持 的 格式 。 一 个 比喻 是 ， 显 卡 驱 动 承 是 显卡 的 操作 系统 。 图 
2.18 显 示 了 这 样 的 关系 。 


概括 来 次， 我 们 的 应 用 程序 运行 在 CPU 上 。 应 用 程序 可 以 通过 调用 
OpenGL 或 DirectX 的 图 形 接口 将 泻 染 所 需 的 数据 ， 如 顶点 数据 、 纹 理 数 
据 、 材 质 参数 等 数据 存储 在 显存 中 的 特定 区 域 。 随 后 ， 开 发 者 可 以 通过 
图 像 编 程 接 口 友 出 泻 染 命 令 ， 这 些 泻 染 命 令 也 被 称 为 Draw Call， 它 们 将 
会 被 显卡 驱动 翻译 成 GPU 能 够 理解 的 代码 ， 进 行 真正 的 绘制 。 


由 图 2.18 可 以 看 出 ， 一 个 显卡 除了 有 图 像 处 理 单元 GPU 外 ， 还 拥有 
自己 的 内 存 ， 这 个 内 存 通常 被 称 为 显存 (Video Random Access 



































Memory，VRAM) 。GPU 可 以 在 显存 中 存储 任何 数据 ， 但 对 于 演 染 来 
说 一 些 数据 类 型 是 必需 的 ， 例 如 用 于 屏 医 显 示 的 图 像 缓冲 、 深 度 缓冲 

















因为 显卡 驱动 的 存在 ， 几 乎 所 有 的 GPU 都 既 可 以 和 OpenGL 合 作 ， 
也 可 以 和 DirectX 一 起 工作 。 从 显卡 的 角度 出 发 ， 实 际 上 和 它 只 需要 和 显 
卡 驱 动 打 交道 就 可 以 了 。 而 显卡 驱动 束 好 像 一 个 中 介 者 ， 负 责 和 两 方 
(图 像 编 程 接口 和 GPU) 打 交道。 因此 ， 一 个 显卡 制作 商 为 了 让 他 们 的 
显卡 可 以 同时 和 OpenGL、DirectX 人 合作， 就 必须 提供 文 持 OpenGL 和 
DirectX 接 口 的 显卡 驱动 。 














顶点 数据 、 
纹理 数据 、 
着 色 器 参数 等 





A 图 2.18 CPU、OpenGL/DirectX、 显 卡 驱 动 和 GPU 之 间 的 关系 
2.4.2 什么 是 HLSL、GLSL、CG 
我 们 上 面 讲 到 了 很 多 可 编程 的 着 色 吉 阶段 ， 如 顶点 着 色 器 、 片 元 着 


色 需 等 。 这 些 着 色 器 的 可 编程 性 在 于 ， 我 们 可 以 使 用 一 种 特定 的 语言 来 
编写 程序 ， 就 好 比 我 们 可 以 用 C# 来 写 游戏 馆 辑 一 样 。 





在 可 编程 管线 出 现 之 前 ， 为 了 编写 着 色 器 代码 ， 开 发 者 们 学 习 汇编 
语言 。 为 了 给 开发 者 们 打开 更 方便 的 大 门 ， 就 出 现 了 更 高 级 的 着 色 语 言 
(Shading Language) 。 首 色 语 言 是 专门 用 于 编写 着 色 器 的 ， 常 见 的 着 
色 语 言 有 DirectX 的 HLSL (High Level Shading Language) 、OpenGL 的 
GLSL (OpenGL Shading Language) 以 及 NVIDIA 的 CG (C for 
Graphic) 。HLSL、GLSL、CG 都 是 “高 级 〈High-Level) ”语言 ， 但 这 种 
锅 级 是 相对 于 汇编 语言 来 说 的 ， 而 不 是 像 C# 相 对 于 C 的 高 级 那样 。 这 些 
语言 会 被 编译 成 与 机 器 无 关 的 汇编 语言 ， 也 被 称 为 中 间 语 言 
(Intermediate Language，IL)。 这 些 中 间 语 言 再 交 给 显卡 驱动 来 翻译 成 
真正 的 机 器 语言 ， 即 GPU 可 以 理解 的 语言 。 


对 于 一 个 初学 者 来 说 ， 一 个 最 常见 的 问题 就 是 ， 他 应 该 选择 哪 种 语 
言 ? 


瑟 




















GLSL 的 优点 在 于 它 的 跨 平 台 性 ， 它 可 以 在 Windows、Linux、Mac 
甚至 移动 平台 等 多 种 平台 上 工作 ， 但 这 种 跨 平台 性 是 由 于 OpenGL 没 有 
提供 着 色 器 编译 器 ， 而 是 由 显卡 驱动 来 完成 着 色 器 的 编译 工作 。 也 就 是 
说 ， 只 要 显卡 驱动 支持 对 GLSL 的 编译 它 束 可 以 运行 。 这 种 做 法 的 好 处 
在 于 ， 由 于 供应 丙 完 全 了 解 自 己 的 人 硬件 构造 ， 他 们 知道 怎样 做 可 以 发 挥 
出 最 大 的 作用 。 换 句 话说 ，GLSL 是 依赖 硬件 ， 而 非 操 作 系 统 层级 的 。 
但 这 也 意味 着 GLSL 的 编译 结果 将 取决 于 硬件 供应 商 。 要 知道 ， 志 界 上 
有 很 多 硬件 供应 商 一 NVIDIA、ATI 等 ， 他 们 对 GLSL 的 编译 实现 不 尽 
0 因为 这 完全 取决 于 供应 商 
y 


而 对 于 HLSL， 是 由 微软 控制 着 色 器 的 编译 ， 就 算 使 用 了 不 同 的 硬 
件 ， 同 一 个 着 色 器 的 编译 结果 也 是 一 样 的 (前 提 是 版 本 相同 ) 。 但 也 因 
此 支持 HLSL 的 平台 相对 比较 有 限 ， 几 乎 完全 是 微软 自己 的 产品 ， 如 
Windows、Xbox 360、PS3 等 。 这 是 因为 在 其 他 平台 上 没有 可 以 编译 
HLSL 的 编译 器 。 


Cg 则 是 真正 意义 上 的 跨 平台 。 它 会 根据 平台 的 不 同 ， 编 译 成 相应 的 
中 间 语 言 。Cg 语 言 的 跨 平台 性 很 大 原因 取决 于 与 微软 的 合作 ， 这 也 导致 
CG 语言 的 语法 和 HLSL 非 常 相像 ，Cg 语 言 可 以 无 颖 移植 成 HLSL 代 码 。 
但 缺点 是 可 能 无 法 完全 发 挥 出 OpenGL 的 最 新 特性 。 


对 于 Unity 平 台 ， 我 们 同样 可 以 选择 使 用 哪 种 语言 。 在 Unity Shader 
中 ， 我 们 可 以 选择 使 用 “Cg/HLSL” 或 者 “GLSL”。 带 引号 是 因为 Unity 里 



































的 这 些 着 色 语 言 并 不 是 真正 意义 上 的 对 应 的 着 色 语 言 ， 尽 管 它们 的 语法 
几乎 一 样 。 以 Unity Cg 为 例 ， 你 有 时 会 发 现 有 些 CG 语 法 在 Unity Shader 
中 是 不 支持 的 。 关 于 Unity Shader 和 真正 的 Cg/HLSL、GLSL 之 间 的 关系 
我 们 会 在 3.6 节 中 讲 到 。 











2.4.3 ”什么 是 Draw Call 


在 前 面 的 章节 中 ， 我 们 已 经 了 解 了 Draw Call 的 含义 。Draw Call 本 
寻 的 含义 很 简单 ， 就 是 CPU 调用 图 像 编程 接口 ， 如 OpenGL 中 的 
21DrawElements 命 令 或 者 DirectX 中 的 DrawIndexedPrimitive 命 令 ， 以 命令 
GPU 进行 泻 染 的 操作 。 


一 个 常见 的 误区 是 ，Draw Call 中 造成 性 能 问题 的 元 凶 是 GPU， 认为 
GPU 上 的 状态 切换 是 耗 时 的 ， 其 实 不 是 的 ， 真 正 “ 拖 后 腿 ” 其 实 的 是 
CPU 。 


在 深入 理解 Draw Call 之 前 ， 我 们 先 来 看 一 和 CPU 和 GPU 之 间 的 流水 
线 化 是 怎么 实现 的 ， 即 它们 是 如 何 相互 独立 一 起 工作 的 。 


问题 一 :， CPU 和 GPU 是 如 何 实现 并 行 工作 的 ? 
如 琳 没 有 流水 线 化 ， 那 么 CPU 和 需要 等 到 GPU 完 成 上 一 个 泻 染 任 务 才 
能 再 次 发 送 泻 染 命令 。 但 这 种 方法 显然 会 造成 效率 低下 。 因 此 ， 就 像 在 


本 章 一 开头 讲 到 的 老 王 的 洋娃娃 工 三 一样， 我 们 需要 让 CPU 和 GPU 可 以 
并 行 工作 。 而 解决 方法 就 是 使 用 一 个 命令 缓冲 区 (Command Buffer ) 








命令 缓冲 区 包含 了 一 个 命令 队列 ， 由 CPU 癌 其 中 添加 命令 ， 而 由 
GPU 从 中 读 取 命令 ， 添 加 和 读 取 的 过 程 是 互相 独立 的 。 命 令 缓冲 区 使 得 
CPU 和 GPU 可 以 相互 独立 工作 。 当 CPU 需要 泻 染 一 些 对 象 时 ， 它 可 以 向 
命令 缓冲 区 中 添加 命令 ， 而 当 GPU 完 成 了 上 一 次 的 演 染 任务 后 ， 它 就 可 
以 从 命令 队列 中 再 取出 一 个 命令 并 执行 它 。 

命令 缓冲 区 中 的 命令 有 很 多 种 类 ， 而 Draw Call 是 其 中 一 种 ， 其 他 命 


令 还 有 改变 泻 染 状态 等 (例如 改变 使 用 的 着 色 器 ， 使 用 不 同 的 纹理 
等 ) 。 图 2.19 显 示 了 这 样 一 个 例子 。 











~ 全 、 
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A 图 2.19 ”命令 缓冲 区 。CPU 通 过 图 像 编 程 接 口 向 命令 缓冲 区 中 添加 命令 ， 而 GPU 从 中 读 取 命 
令 并 执行 。 黄 色 方 框 内 的 命令 就 是 Draw Cal， 而 红色 方 框 内 的 命令 用 于 改变 泻 染 状态 。 我 们 使 
用 红色 方 框 来 表示 改变 泻 染 状态 的 命令 ， 是 因为 这 些 命令 往往 更 加 耗 时 


问题 二 : 为 什么 Draw Call 多 了 会 影响 帧 率 ? 


我 们 先 来 做 一 个 实验 : 请 创建 10 000 个 小 文件 ， 每 个 文件 的 大 小 为 
1KB， 然 后 把 它们 从 一 个 文件 夹 复制 到 男 一 个 文件 夹 。 你 会 发 现 ， 尽 管 
这 些 文件 的 空间 总 和 不 超过 10MB， 但 要 花费 很 长 时 间 。 现 在 ， 我 们 再 
来 创建 一 个 单独 的 文件 ， 它 的 大 小 是 10MB， 然 后 也 把 它 从 一 个 文件 夹 
复制 到 男 一 个 文件 来 。 而 这 次 复制 的 时 间 却 少 很 多 ! 这 是 为 什么 呢 ? 明 
明 它 们 所 包含 的 内 容 大 小 是 一 样 的 。 原 因 在 于 ， 每 一 个 复制 动作 需要 很 
多 额外 的 操作 ， 例 如 分 配 内 存 、 创 建 各 种 元 数据 等 。 如 你 所 见 ， 这 些 操 
作 将 造成 很 多 额外 的 性 能 开销 ， 如 果 我 们 复制 了 很 多 小 文件 ， 那 么 这 个 











演 染 的 过 程 虽然 和 上 面 的 实验 有 很 大 不 同 ， 但 从 感性 角度 上 是 很 类 
似 的 。 在 每 次 调用 Draw Call 之 前 ，CPU 需 要 向 GPU 发 送 很 多 内 容 ， 包 括 
数据 、 状 态 和 命令 等 。 在 这 一 阶段 ，CPU 需 要 完成 很 多 工作 ， 例 如 检查 
演 染 状态 等 。 而 一 旦 CPU 完成 了 这 些 准备 工作 ，GPU 就 可 以 开始 本 次 的 
泻 染 。GPU 的 泻 染 能 力 是 很 强 的 ， 演 染 200 个 还 是 2 000 个 三 角 网 格 通常 
没有 什么 区 别 ， 因 此 泻 染 速度 往往 快 于 CPU 提交 命令 的 速度 。 如 果 Draw 
Call 的 数量 太 多 ，CPU 就 会 把 大 量 时 间 花 费 在 提交 Draw Call 上 ， 造 成 
CPU 的 过 载 。 图 2.20 显 示 了 这 样 一 个 例子 。 








下 一 个 怎么 泻 


都 做 完 啦 ! 
染 呢 过 





[om 


模型 B 


模型 A 


Vy . 
国 (一 





和 图 2.20 命令 缓冲 区 中 的 虚线 方 框 表示 GPU 已 经 完成 的 命令 。 此 时 ， 命 令 缓冲 区 中 没有 可 以 
执行 的 命令 了 ， GPU 处 于 空闲 状态 ， 而 CPU 还 没有 准备 好 下 一 个 演 染 命令 








问题 三 : 如何 减少 Draw Call? 





尽管 减少 Draw Call 的 方法 有 很 多 ， 但 我 们 这 里 仅 讨 论 使 用 批 处 理 
(Batching) 的 方法 。 


我 们 讲 过 ， 提 交大 量 很 小 的 Draw Call 会 造成 CPU 的 性 能 瓶颈 ， 即 
CPU 把 时 间 都 花费 在 准备 Draw Call 的 工作 上 上 了。 那么 ， 一 个 很 显然 的 优 
化 想法 就 是 把 很 多 小 的 DrawCall 合 并 成 一 个 大 的 Draw Call， 这 就 是 批 处 
理 的 思想 。 图 2.21 显 示 了 批 处 理 所 做 的 工作 。 


需要 注意 的 是 ， 由 于 我 们 需要 在 CPU 的 内 存 中 合并 网 格 ， 而 合并 的 
过 程 是 需要 消耗 时 间 的 。 因 此 ， 批 处 理 技术 更 加 适合 于 那些 静态 的 物 
体 ， 例 如 不 会 移动 的 大 地 、 石 头等 ， 对 于 这 些 静 态 物 体 我 们 只 需要 合并 
一 次 即 可 。 当 然 ， 我 们 也 可 以 对 动态 物体 进行 批 处 理 。 但 是 ， 由 于 这 些 
物体 是 不 断 运 动 的 ， 因 此 每 一 帧 都 需要 重新 进行 合并 然后 再 发 送 给 
GPU， 这 对 空间 和 时 间 都 会 造成 一 定 的 影 啊 。 














A 图 2.21 利用 批 处 理 ，CPU 在 RAM 把 多 个 网 格 合 并 成 一 个 更 大 的 网 格 ， 再 发 送 给 GPU， 然 后 
在 一 个 Draw Call 中 泻 染 它们 。 但 要 注意 的 是 ， 使 用 批 处 理 合并 的 网 格 将 会 使 用 同一 种 演 染 状 
态 。 也 就 是 说 ， 如 果 网 格 之 间 需 要 使 用 不 同 的 泻 染 状 态 ， 那 么 就 无 法 使 用 批 处 理 技术 


























在 游戏 开发 过 程 中 ， 为 了 减少 Draw Call 的 开销 ， 有 两 点 需要 注意 。 


(1) 避免 使 用 大 量 很 小 的 网 格 。 当 不 可 避免 地 需要 使 用 很 小 的 网 
格 结构 时 ， 考 虑 是 否 可 以 合并 它们 。 


(2) 避免 使 用 过 多 的 材质 。 尽 量 在 不 同 的 网 格 之 间 共 用 同一 个 材 








质 。 
在 本 书 的 16.4 节 ， 我 们 会 继续 曾 述 如 何在 Unity 中 利用 批 处 理 技术 来 
进行 优化 。 


2.4.4 ”什么 是 固定 管线 泻 染 


固定 函数 的 流水 线 (Fixed-Function Pipeline) ， 也 简称 为 固定 管 
线 ， 通 常 是 指 在 较 旧 的 GPU 上 实现 的 泻 染 流水 线 。 这 种 流水 线 只 给 开发 
者 提供 一 些 配 置 操 作 ， 但 开发 者 没有 对 流水 线 阶 段 的 完全 控制 权 。 


固定 管线 通常 提供 了 一 系列 接口 ， 这 些 接口 包含 了 一 个 函数 入 口 点 
(Function Entry Points) 集合 ， 这 些 函 数 入 口 点 会 匹配 GPU 上 的 一 个 特 
定 的 逻辑 功能 。 开 发 者 们 通过 这 些 接口 来 控制 泻 染 流水 线 。 换 句 话 说 ， 
固定 泻 染 管线 是 只 可 配置 的 管线 。 一 个 形象 的 比喻 是 ， 我 们 在 使 用 固定 
管线 进行 泻 染 时 ， 束 好 像 在 控制 电路 上 的 多 个 开关 ， 我 们 可 以 选择 打开 
或 者 关闭 一 个 开关 ， 但 永远 无 法 控制 整个 电路 的 排 布 。 


随 着 时 代 的 发 展 ，GPU 流 水 线 越 来 越 朝 着 更 高 的 灵活 性 和 可 控 性 方 
向 发 展 ， 可 编程 泻 染 管线 应 运 而 生 。 我 们 在 上 面 看 到 了 许多 可 编程 的 流 
水 线 阶 段 ， 如 顶点 着 色 器 、 睛 元 着 色 需 ， 这 些 可 编程 的 着 色 器 阶段 可 以 
说 是 GPU 进化 最 重要 的 贡献 。 表 2.1 给 出 了 3 种 最 常见 的 图 像 接口 从 固定 
管线 问 可 编程 管线 进化 的 版 本 。 


表 2.1 3 种 图 像 接口 从 固定 管线 向 可 编程 管线 进化 的 版 本 


















































第 一 个 支持 可 编程 管线 的 版 本 
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在 GPU 发 展 的 过 程 中 ， 为 了 继续 提供 固定 管线 的 接口 抽象 ， 一 些 显 
卡 驱 动 的 开发 者 们 使 用 了 更 加 通用 的 着 色 架 构 ， 即 使 用 可 编程 的 管线 来 
模拟 固定 管线 。 这 是 为 了 在 提供 可 编程 泻 染 管 线 的 同时 ， 可 以 让 那些 已 
经 熟悉 了 固定 管线 的 开发 者 们 继续 使 用 固定 管线 进行 泻 染 。 例 如 ， 
OpenGL 2.0 在 没有 真正 的 固定 管线 的 硬件 支持 下 ， 依 靠 系统 的 可 编程 管 
线 功 能 来 模仿 固定 管线 的 处 理 过 程 。 但 随 着 GPU 的 发 展 ， 固 定 管线 已 经 
逐渐 退出 历史 舞台 。 例 如 ，OpenGL 3.0 是 最 后 既 支持 可 编程 管线 又 完全 
支持 固定 管线 编程 接口 的 版 本 ， 在 OpenGL 3.2 中 ，Core Profile 就 完全 移 
除了 固定 管线 的 概念 。 


因此 ， 如 果 读 者 不 是 为 了 对 较 旧 的 设备 进行 兼容 ， 不 建议 继续 使 用 
固定 管线 的 泻 染 方式 。 








2.5 那么 ， 你 明白 什么 是 Shader 了 吗 


我 们 之 所 以 要 花 很 大 篇 幅 来 讲述 GPU 的 演 梁 流水线 ， 是 因为 Shader 
所 在 的 阶段 就 是 泻 染 流水 线 的 一 部 分 ， 更 具体 来 说 ，Shader 就 是 : 





。GPU 流 水 线 上 一 些 可 高 度 编程 的 阶段 ， 而 由 着 色 器 编译 出 来 的 最 终 
代码 是 会 在 GPU 上 运行 的 《对 于 固定 管线 的 泻 染 来 说 ， 着 色 器 有 时 
等 同 于 一 些 特定 的 泻 染 设置) ， 


。 有 一 些 特定 类 型 的 着 色 器 ， 如 顶点 着 色 器 、 片 元 着 色 央 等 ; 








。 依靠 着 色 需 我 们 可 以 控制 流水 线 中 的 泻 染 细 节 ， 例 如 用 顶点 着 色 器 
洲 进 行 项 尺 变 换 以 及 传递 数据 ， 用 片 元 者 包 器 来 进行 逐 像素 的 演 
染 。 


但 同时 ， 我 们 也 要 明白 ， 要 得 到 出 色 的 游戏 画面 是 需要 包括 Shader 
在 内 的 所 有 泻 染 流水 线 阶 段 的 共同 参与 才 可 完成 :设置 适当 的 演 染 状 
态 ， 使 用 合适 的 混合 函数 ， 开 局 还 是 关闭 深度 测试 /深度 写 入 等 。 








Unity 作 为 一 个 出 色 的 编辑 工具 ， 为 我 们 提供 了 一 个 既 可 以 方便 地 
编写 着 色 器 ， 同 时 又 可 设置 泻 染 状态 的 地 方 : Unity Shader。 在 下 一 章 
中 ， 我 们 将 真正 走 进 Unity Shader 的 世界 。 


2.6 扩展 阅读 


如 果 读 者 对 泻 染 流 水 线 的 细 市 感 兴趣 ， 可 以 阅读 更 多 的 资料 。 托 马 
斯 在 他 们 的 著作 是 中 给 出 了 很 多 有 关 实 时 泻 染 的 内 容 ， 这 本 书 被 誉 为 图 
形 学 中 的 圣经 。 如 果 你 仍然 觉得 本 书 讲解 的 Draw Call 不 够 形象 生动 ， 西 
蒙 在 他 的 文革 中 给 出 了 很 多 动态 的 演示 效果 ， 而 且 值 得 注意 的 是 ， 西 壹 
本 人 是 一 位 美术 工作 者 。 为 什么 需要 批 处 理 ， 什 么 时 候 需 要 批 处 理 等 更 
多 关于 批 处 理 的 内 容 ， 可 以 在 NVIDIA 所 做 的 一 次 报告 中 中 找到 更 多 的 
答案 。 如 果 读 者 对 OpenGL 和 DirectX 的 泻 染 流水 线 的 实现 细节 感 兴趣 ， 
那么 阅读 它们 的 文档 (https://www. 
opengl.org/wiki/Rendering Pipeline Overview 
， https://msdn.microsoft.com/en-us/ library/windows/ 
desktop/ff476882(v=vs.85).aspx ) 是 一 个 非常 好 的 途径 。 
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第 3 章 ”Unity Shader 基 础 


通过 前 面 的 学 习 内 容 我 们 已 经 知道 ，Shader 并 不 是 什么 神秘 的 东 
西 ， 它 们 其 实 就 是 泻 染 流水 线 中 的 某 些 特定 阶段 ， 如 顶点 着 色 器 阶段 、 
片 元 着 色 器 阶段 等 。 


在 没有 Unity 这 类 编辑 器 的 情况 下 ， 如 果 我 们 想 要 对 东 个 模型 设置 
泻 染 状态 ， 可 能 需要 类 似 下 面 的 代码 : 





// 初始 化 泻 染 设置 
void Initialization() { 

// 从 硬盘 上 加 载 项 点 着 色 器 的 代码 

string vertexShaderCode = LoadShaderFromFile(VertexShader.shader); 

// 从 硬盘 上 加 载 片 元 着 色 器 的 代码 

string fragmentShaderCode = LoadShaderFromFile(FragmentShader.shader); 

















// 把 项 点 着 色 器 加 载 到 GPU 中 
LoadVertexShaderFromString(vertexShaderCode); 

// 把 片 元 着 色 器 加 载 到 GPU 中 
LoadFragmentShaderFromSstring(fragmentShaderCode); 














// 设置 名 为 "vertexPosition" 的 属性 的 输入 ， 即 模型 顶点 坐标 
SetVertexShaderProperty("vertexPosition", vertices); 

// 设置 名 为 "MainTex" 的 属性 的 输入 ，someTexture 是 某 张 已 加 载 的 纹理 
SetVertexShaderProperty("MainTex", someTexture); 

// 设置 名 为 "MVP" 的 属性 的 输入 ，MVP 是 之 前 由 开发 者 计算 好 的 变换 矩阵 
SetVertexShaderProperty("MVP", MVP); 
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// 关闭 混合 

Disable(Blend); 

// 设置 深度 测试 

Enable(ZText); 
SetZzTestFunction(LessOrEqual); 





// 其 他 设置 
要 


// 每 一 帧 进行 泻 染 
void OnRendering() { 
// 调用 演 染 命令 
DrawCall(); 
// 当 涉 及 多 种 泻 染 设 置 时 ， 我 们 可 能 还 需要 在 这 里 改变 各 种 演 染 设置 















































VertexShader.shader: 








输入 : 顶点 位 置 、 纹 理 、MVP 变 换 矩 阵 
float3 vertexPosition 
sampler2D MainTex; 

Matrix4x4 MVP; 











输出 : 顶点 经 过 MVP 变 换 后 的 位 置 
out float4 position; 








void main() { 
// 使 用 MVP 对 模型 顶点 坐标 进行 变换 


position = MVP * vertexPosition; 




















FragmentShader.shader: 


// 输入 : VertexShader 输 出 的 position、 经 过 光栅 化 程序 插值 后 的 该 片 元 对 应 的 positio 
n 
in float4 position; 





// 输出 : 该 片 元 的 颜色 值 
out float4 fragColor; 











void main() { 
// 将 片 元 颜色 设 为 白色 
fragColor = float4(1.606, 1.606, 1.06, 1.0); 














上 述 伪 代 码 仅仅 是 简化 后 的 版 本 ， 当 演 染 的 模型 数目 、 需 要 调整 的 
着 色 需 属性 不 断 增多 时 ， 上 述 过 程 将 变 得 更 加 复杂 和 元 长 。 而 且 ， 当 涉 
及 透明 物体 等 多 物体 的 泻 染 时 ， 如 有 果 没 有 编辑 器 的 帮助 ， 我 们 要 非常 小 
心 如 洽 染 顺序 等 问题 。 


Unity 的 出 现 改 善 了 上 面 的 状况 。 它 提 供 了 一 个 地 方 能 够 让 开发 者 
更 加 轻松 0 打 设 置 ( 如 开启 /关闭 混合 、 深 度 测 
试 、 设 置 演 染 顺 序 等 ) ， 而 不 需要 像 上 面 的 伪 代 码 一 样 ， 管 理 多 个 文件 
和 函数 等 。 省 ye 方便 的 地 方 ”， 束 是 Unity Shader。 


3.1 ”Unity Shader 概 述 
那么 如 何 充分 利用 Unity Shader 来 为 我 们 的 游戏 增光 添彩 呢 ? 
3.1.1 ”一 对 好 兄弟 : 材质 和 Unity Shader 


总 体 来 说 ， 在 Unity 中 我 们 需要 配合 使 用 材质 〈Material) 和 Unity 
Shader 才 能 达到 需要 的 效果 。 一 个 最 常见 的 流程 是 : 


(1) 创建 一 个 材质 ; 

(2) 创建 一 个 Unity Shader， 并 把 它 赋 给 上 一 步 中 创建 的 材质 ; 
(3) 把 材质 赋 给 要 泻 染 的 对 象 ; 

(4) 在 材质 面板 中 调整 Unity Shader 的 属性 ， 以 得 到 满意 的 效果 。 


四 图 3.1 显 示 了 Unity Shader 和 材质 是 如 何 一 起 工作 来 控制 物体 的 泻 染 






Unity Shader 





A 图 3.1 Unity Shader 和 材质 。 首 先 创建 需要 的 Unity Shader 和 材质 ， 然 后 把 Unity Shader 赋 给 材 
质 ， 并 在 材质 面板 上 调整 属性 《〈 如 使 用 的 纹理 、 漫 反射 系数 等 ) 。 最 后 ， 将 材质 赋 给 相应 的 模 
型 来 查看 最 终 的 演 染 效果 





可 以 发 现 ，Unity Shader 定 义 了 泻 染 所 需 的 各 种 代码 (如 顶点 着 色 
器 和 片 元 着 色 器 〉) 、 属 性 《如 使 用 哪些 纹理 等 ) 和 指令 “〈 演 染 和 标签 设 
置 竺 ) ， 而 材质 则 允许 我 们 调节 这 些 属 性 ， 并 将 其 最 终 赋 给 相应 的 模 
型 。 


3.1.2 ”Unity 中 的 材质 


Unity 中 的 材质 需要 结合 一 个 GameObject 的 Mesh 或 者 Particle Systemas 
组 件 来 工作 。 它 决定 了 我 们 的 游戏 对 象 看 起 来 是 什么 样子 的 (这 当然 也 
需要 Unity Shader 的 配合 ) 。 


为 了 创建 一 个 新 的 材质 ， 我 们 可 以 在 Unity 的 采 单 栏 中 选择 Assets -> 
Create -> Material 来 创建 ， 也 可 以 直接 在 Project 视 图 中 右 击 -> Create -> 
Miaterial 来 创建 。 当 创建 了 一 个 材质 后 ， 融 可 以 把 它 赋 给 一 个 对 象 。 这 
可 以 通过 把 材质 直接 拖 忠 到 Scene 视 图 中 的 对 象 上 来 实现 ， 或 者 在 该 对 
象 的 Mesh Renderer 组 件 中 直接 赋值 ， 如 图 3.2 所 示 。 


在 Unity 5.x 版 本 中 ， 默 认 情 况 下 ， 一 个 新 建 的 材质 将 使 用 Unity 内 置 
的 Standard Shader， 这 是 一 种 基于 物理 泻 染 的 着 色 器 ， 我 们 将 在 第 18 章 
中 讲 到 。 


对 于 美术 人 员 来 说 ， 材 质 是 他 们 十 分 熟悉 的 一 种 事物 。Unity 的 材 
质 和 许多 建 模 软 件 〈 如 Cinema 4D、Maya 等 ) 中 提供 的 材质 功能 类 似 ， 
它们 都 提供 了 一 个 面板 来 调整 材质 的 各 个 参数 。 这 种 可 视 化 的 方法 使 得 
上 自行 在 代码 中 设置 和 改变 泻 染 所 需 的 各 种 参数 ， 如 图 
3.3 有 未。 

















A 图 3.2 将 材质 直接 拖 电 到 模型 的 Mesh Renderer 组 件 中 
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A 图 3.3 ”材质 提供 了 一 种 可 视 化 的 方式 来 调整 着 色 器 中 使 用 的 参数 


提示 





“1” 可 变换 面板 中 使 用 的 基础 模型 种 类 ，Unity 支 持 球 、 立 方 体 、 圆 柱 体 等 多 种 基础 模 
; 单 击 图 标 “2” 可 变换 面板 中 使 用 的 光照 。 





3.1.3 ”Unity 中 的 Shader 
为 了 和 前 面 通用 的 Shader 语 义 进行 区 分 ， 我 们 把 Unity 中 的 Shader 文 


件 统称 为 Unity Shader 。 这 是 因为 ，Unity Shader 和 我 们 之 前 提 及 的 泻 
染 管 线 的 Shader 有 很 大 不 同 ， 我 们 会 在 3.6.2 市 中 进行 更 加 详细 的 解释 。 


为 了 创建 一 个 新 的 Unity Shader， 我 们 可 以 在 Unity 的 染 单 栏 中 选择 
Assets -> Create -> Shader 来 创建 ， 也 可 以 直接 在 Project 视 图 中 右 击 -> 
Create -> Shader 来 创建 。 在 Unity 5.2 及 以 上 版 本 中 ，Unity 一 共 提 供 了 4 
种 Unity Shader 模 板 供 我 们 选择 一 一 Standard Surface Shader ，Unlit 
Shader ，Jmage Effect Shader 以 及 Compute Shader 。 其 中 ，Standard 
Surface Shader 会 产生 一 个 包 售 了 标准 光照 模型 〈 使 用 了 Unity 5 中 新 添 
加 的 基于 物理 的 演 染 方法 ， 详 见 第 18 章 ) 的 表面 着 色 器 模板 ，Unlit 
Shader 则 会 产生 一 个 不 包含 光照 (但 包含 筋 效 ) 的 基本 的 顶点 / 厂 元 着 
色 器 ，Jmage Effect Shader 则 为 我 们 实现 各 种 屏 赣 后 处 理 效 果 ( 详 见 第 
12 章 ) 提供 了 一 个 基本 模板 。 最 后 ，Compute Shader 会 产生 一 种 特殊 的 
Shader 文 件 ， 这 类 Shader 旨 在 利用 GPU 的 并 行 性 来 进行 一 些 与 常规 泻 染 
流水 线 无 关 的 计算 ， 而 这 不 在 本 书 的 讨论 犯 围 内 ， 读 者 可 以 在 Unity 手 
册 的 Compute Shader 一 文 

(http://docs.unity3d.com/Manual/ComputeShaders.html ) 中 找到 更 多 的 
介绍 。 总 体 来 说 ，Standard Surface Shader 为 我 们 提供 了 典型 的 表面 着 
色 器 的 实现 方法 ， 但 本 书 的 重点 在 于 如 何在 Unity 中 编写 顶点 / 片 元 着 色 
器 ， 因 此 在 后 续 的 学 习 中 ， 我 们 通常 会 使 用 Unlit Shader 来 生成 一 个 基 
本 的 顶点 / 片 元 着 色 器 模板 。 


一 个 单独 的 Unity Shader 是 无 法 发 挥 任何 作用 的 ， 它 必须 和 材质 结 
合 起 来 ， 才 能 发 生 神 奇 的 “化 学 反应 ”! 为 此 ， 我 们 可 以 在 材质 面板 最 上 
方 的 下 拉 荣 单 中 选择 需要 使 用 的 Unity Shader。 当 选择 完毕 后 ， 材 质 面 
板 中 就 会 出 现 该 Unity Shader 可 用 的 各 种 属性 。 这 些 属性 可 以 是 颜色 、 
纹理 、 浮 点 数 、 滑 动 条 《限制 了 范围 的 浮 点 数 ) 、 回 量 等 。 当 我 们 把 材 
质 赋 给 场景 中 的 一 个 对 象 时 ， 就 可 以 看 到 调整 属性 所 发 生 的 视觉 变化 。 


Unity Shader 本 质 上 就 是 一 个 文本 文件 。 和 Unity 中 的 很 多 外 部 文件 
类 似 ，Unity Shader 也 有 导入 设置 (Import Settings) 面板 ， 在 Project 视 
图 中 选中 某 个 Unity Shader 即 可 看 到 。 在 Unity 5.2 版 本 中 ，Unity Shader 
的 导入 设置 面板 如 图 3.4 所 示 。 


在 该 面板 上 ， 我 们 可 以 在 Default Maps 中 指定 该 Unity Shader 使 用 
的 默认 纹理 。 当 任何 材质 第 一 次 使 用 该 Unity Shader 时 ， 这 些 纹理 就 会 
自动 被 赋予 到 相应 的 属性 上 。 在 下 方 的 面板 中 ，Unity 会 显示 出 和 访 
Unity Shader 相 关 的 信息 ， 例 如 它 是 否 是 一 个 表面 着 色 器 〈Surface 


























Shader) 、 是 否 是 一 个 固定 函数 着 色 器 (Fixed Function Shader) 等 ， 还 
有 一 些 信息 是 和 我 们 在 Unity Shader 中 的 标签 设置 〈 详 见 3.3.3 节 ) 有 
关 ， 例 如 是 人 否 会 投射 阴影 、 使 用 的 演 染 队列 、LOD 值 等 。 


对 于 表面 着 色 器 ( 详 见 3.4.1 节 ) 来 说 ， 我 们 可 以 通过 单 击 Show 
generated code 按钮 来 打开 一 个 新 的 文件 ， 在 该 文件 里 将 显示 Unity 在 背 
后 为 该 表面 着 色 器 生成 的 顶点 / 片 元 着 色 器 。 这 可 以 方便 我 们 对 这 些 生 
成 的 代码 进行 修改 《〈 需 要 复制 到 一 个 新 的 Unity Shader 中 才 可 保存 ) 和 
研究 。 同 样 地 ， 如 果 该 Unity Shader 是 一 个 固定 函数 着 色 器 ， 在 Fixed 
function 的 后 面 也 会 出 现 一 个 Show generated code 按钮 ， 来 让 我 们 查看 
该 固定 冰 数 着 色 器 生成 的 顶点 / 片 元 着 色 器 。Compile and show code 下 拉 
列表 可 以 让 开发 者 检查 该 Unity Shader 针 对 不 同 图 像 编程 接口 (例如 
OpenGL、D3D9、D3D11 等 ) 最 终 编译 成 的 Shader 人 代码， 如 图 3.5 所 示 。 











直接 单 击 该 按钮 可 以 碍 看 生成 的 底层 的 汇编 指令 。 


人 码 来 分 析 和 优化 着 色 器 。 


@ Inspector 


我 们 可 以 利用 这 些 代 
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A 图 3.4 Unity Shader 的 导入 设置 面板 





A 图 3.5 Compile and show code 下 拉 列 表 


除 此 之 外 ，Unity Shader 的 导入 面板 还 可 以 方便 地 查看 其 使 用 的 泻 
染 队列 (Render queue) 、 是 否 关 闭 批 处 理 〈Disable batching) 、 属 性 
列表 (Properties〉 等 信息 。 


3.2 ”Unity Shader 的 基础 : ShaderLab 
“计算 机 科学 中 的 任何 问题 都 可 以 通过 增加 一 层 抽 象 来 解决 。” 
一 一 大 卫 : 惠 勒 


学 习 和 编写 着 色 器 的 过 程 一 直 是 一 个 学 习 曲 线 很 陡峭 的 过 程 。 通 常 
情况 下 ， i 1 
过 程 很 容易 消磨 掉 初 学 者 的 耐心 。 ， 一 些 细节 问题 也 往往 需要 开发 
者 花费 较 多 的 时 间 去 解决 。 


Unity 为 了 解决 上 述 问 题 ， 为 我 们 提供 了 一 层 抽 象 一 一 Unity 
Shader。 而 我 们 和 这 层 抽象 打交道 的 途径 就 是 使 用 Unity 提 供 的 一 种 专门 
为 Unity Shader 服 务 的 语言 一 一 ShaderLab 。 








什么 是 ShaderLab? 


"ShaderLab is a friend you can afford. 古 拉 斯 :弗朗西斯 
(Nicholas Francis) ，Unity 前 首席 运营 官 〈COO) 和 联合 创始 人 之 一 。 


Unity ds 提供 的 高 层级 的 泻 染 抽象 层 。 图 3.6 显 
这 样 的 抽象 。Unity 和 希望 通过 这 种 方式 来 让 开发 者 更 加 轻松 地 控制 
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A 图 3.6 Unity Shader 为 控制 演 染 过 程 提供 了 一 层 抽 象 。 如 果 没 有 使 用 Unity Shader 〈 左 图 ) ， 

















开发 者 需要 和 很 多 文件 和 设置 打交道 

















， 才 能 让 画面 呈现 出 想 要 的 效果 ; 而 在 Unity Shader 的 帮助 




















下 和 右 图 ) ， 开 发 者 只 需要 使 用 ShaderLab 来 绢 


ij 写 Unity Shader 文 件 就 可 以 完成 所 有 的 工作 





在 Unity 中 ， 所 有 的 Unity Shader 都 是 使 用 ShaderLab 来 编写 的 。 
ShaderLab 是 Unity 提 供 的 编写 Unity Shader 的 一 种 说 明 性 语言 。 它 使 用 了 
一 些 舱 套 在 花 括号 内 部 的 语义 〈syntax) 来 描述 一 个 Unity Shader 文 件 
的 结构 。 这 些 结构 包含 了 许多 演 染 所 需 的 数据 ， 例 如 Properties 语句 块 
中 定义 了 着 色 器 所 需 的 各 种 属性 ， 这 些 属 性 将 会 出 现在 材质 面板 中 。 从 
设计 上 来 说 ，ShaderLab 类 似 于 CgFX 和 Direct3D Effects (.FX) 语言 ， 它 
们 都 定义 了 要 显示 一 个 材质 所 需 的 所 有 东西 ， 而 不 仅仅 是 着 色 器 代码 


O 








一 个 Unity Shader 的 基础 结构 如 下 所 示 : 


Shader "ShaderName" { 
Properties { 


// 属性 








} 
SubShader { 


// 显卡 A 使 用 的 子 着 色 器 


} 
SubShader { 
// 显卡 B 使 用 的 子 着 色 器 


Fallback "VertexLit" 





| 
Unity 在 背后 会 根据 使 用 的 平台 来 把 这 些 结构 编译 成 真正 的 代码 和 
Shader 文 件 ， 而 开发 者 只 需要 和 Unity Shader 打 交道 即 可 。 


3.3 ”Unity Shader 的 结构 


在 上 一 节 的 盆 代 码 中 我 们 见 到 了 一 些 ShaderLab 的 语义 ， 如 
Properties 、SubShader 、Fallback 等 。 这 些 语义 定义 了 Unity Shader 的 结 
构 ， 从 而 帮助 Unity 分 析 该 Unity Shader 文 件 ， 以 便 进 行 正确 的 编译 。 在 
下 面 ， 我 们 会 解释 这 些 基 础 的 语义 含义 和 用 法 。 


3.3.1 给 我 们 的 Shader 起 个 名 字 


每 个 Unity Shader 文 件 的 第 一 行 都 需要 通过 Shader 语义 来 指定 该 
Unity Shader 的 名 字 。 这 个 名 字 由 一 个 字符 串 来 定义 ， 例 
如 “MyShader"”。 当 为 材质 选择 使 用 的 Unity Shader 时 ， 这 些 名 称 就 会 出 
现在 材质 面板 的 下 拉 列 表 里 。 通 过 在 字符 串 中 添加 斜 枉 〈“/”) ， 可 以 控 
制 Unity Shader 在 材质 面板 中 出 现 的 位 置 。 例 如 : 


Shader "Custom/MyShader" { } 


那么 这 个 Unity Shader 在 材质 面板 中 的 位 置 就 是 : Shader -> Custom 
-> MyShader ， 如 图 3.7 所 示 。 
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$b) 全 险 人 久久 信人 入 人 认 信 雪人 必 7 


Legacy Shaders 


= 


一 着 
一 
A 图 3.7 在 Unity Shader 的 名 称 定义 中 利用 和 斜 杠 来 组 织 在 材质 面板 中 的 位 置 


3.3.2 ”材质 和 Unity Shader 的 桥梁 : Properties 


Properties 语义 块 中 包含 了 一 系列 属性 〈property) ， 这 些 属性 将 
会 出 现在 材质 面板 中 。 


Properties 语义 块 的 定义 通常 如 下 : 


Properties { 
Name ("display name", PropertyType) = DefaultValue 
Name ("display name", PropertyType) = DefaultValue 
// 更 多 属性 





开发 者 们 声明 这 些 属性 是 为 了 在 材质 面板 中 能 够 方便 地 调整 各 种 材 
质 必 性。 如 果 我 们 需要 在 Shader 中 访问 它们 ， 就 需要 使 用 每 个 属性 的 名 
字 (Name) 。 在 Unity 中 ， 这 些 属性 的 名 字 通 常 由 一 个 下 划 线 开始 。 显 


示 的 名 称 (display name) 则 是 出 现在 材质 面板 上 的 名 字 。 我 们 需要 为 
每 个 属性 指定 它 的 类 型 (PropertyType) ， 常 见 的 属性 类 型 如 表 3.1 所 
示 。 除 此 之 外 ， 我 们 还 需要 为 每 个 属性 指定 一 个 默认 值 ， 在 我 们 第 一 次 
Shader 赋 给 某 个 材质 时 ， 材 质 面 板 上 显示 的 驶 是 这 些 默认 








Properties 语 义 块 文 持 的 属性 


7 也 _ 


Range(min, er _Range("Range", Range(0.0, 5.0)) = 
max) 3.0 
(number,number,number,number) |_Color ("Color", Color) = (1,1,1,1) 








(number,number,number,number) UU 了 


» | 'defaulttexture" {} _2D ("2D", 2D) = 
"defaulttexture" {} _Cube ("Cube", Cube) = "white" {} 
"defaulttexture" {} _3D ("3D", 3D) = "black" {} 


对 于 Int 、Float 、Range 这 些 数 字 类 型 的 属性 ， 其 默认 值 就 是 一 个 
单独 的 数字 ; 对 于 Color 和 Vector 这 类 属性 ， 默 认 值 是 用 圆 括 号 包围 的 
一 个 四 维 向 量 ， 对 于 2D 、Cube 、3D 这 3 种 纹理 类 型 ， 对 六 仁 的 定义 入 
微 复 杂 ， a 符 串 后 跟 一 个 花 括 号 来 指定 的 ， 其 
中 ， 字 符 串 要 么 是 空 的 ， 要 么 是 内 置 的 纹理 名 称 ， 

















如 “white”“black”“gray” 或 者 "bump”。 花 括号 的 用 处 原本 是 用 于 指定 一 些 
纹理 属性 的 ， 例 如 在 Unity 5.0 以 前 的 版 本 中 ， 我 们 可 以 通过 TexGen 

CubeReflect 、TexGen CubeNormal 等 选项 来 控制 固定 管线 的 纹理 坐标 
的 生成 。 但 在 Unity 5.0 以 后 的 版 本 中 ， 这 些 选项 被 移 除 了 ， 如 果 我 们 需 
和 





下 面 的 代码 给 出 了 一 个 展示 所 有 属性 类 型 的 例子 : 


Shader "Custom/ShaderLabProperties" { 
Properties { 
// Numbers and Sliders 
Int ("Int", Int) = 2 


_Float ("Float", Float) = 1.5 
_Range("Range"，Range(6.6，5.6)) = 3.6 

// Colors and Vectors 

_Color ("Color", Color) = (1,1,1,1) 
_Vector ("Vector", Vector) = (2, 3, 6, 1) 


// Textures 
se 
_Cube ("Cube", Cube) = "white" {} 
_3D ("3D", 3D) = "black" {} 

} 


FallBack "Diffuse" 





| 9 nspector ER 





ShaderLabPropertiesMat 准 ， 
Shader | Custom/ShaderLabProperties »| 
Int lp 
Float 1.5. | 
Range yo | 3 
color [区 
Vector 
wl2: 地 3 Tz -Di 












Tiling 
Offset LSelect 


Cube 





Tiling 
Offset 


3D 
Tiling 
Offset 


A 图 3.8 不 同属 性 类 型 在 材质 面板 中 的 显示 结 
图 3.8 给 出 了 上 述 代 码 在 材质 面板 中 的 显示 结 末 。 


有 时 ， 我 们 想 要 在 材质 面板 上 显示 更 多 类 型 的 变量 ， 例 如 使 用 布尔 
变量 来 控制 Shader 中 使 用 哪 种 计算 。Unity 允 许 我 们 重 载 默认 的 材质 编辑 
面板 ， 以 提供 更 多 自 定义 的 数据 类 型 。 我 们 在 本 书 资源 的 材质 Assets -> 
Materials -> Chapter3 -> RedifyMat 中 提供 了 这 样 一 个 简单 的 例子 ， 这 个 
例子 参考 了 官方 手册 的 Custom Shader GUI 一 文 

(http://docs.unity3d.com/Manual/SL-CustomShaderGUI.html ) 中 的 代 


个 。 


为 了 在 Shader 中 可 以 访问 到 这 些 属 性 ， 我 们 需要 在 Cg 代码 请 中 定义 
和 这 些 属性 类 型 相 匹配 的 变量 。 需 要 说 明 的 是 ， 即 使 我 们 不 
在 Properties 语义 块 中 声明 这 些 属性 ， 也 可 以 直接 在 Cg 代码 片 中 定义 变 
量 。 此 时 ， 我 们 可 以 通过 脚本 辐 Shader 中 传递 这 些 属 性 。 
语义 块 的 作用 仅仅 是 为 了 让 这 些 属性 可 以 出 现在 材质 面 



































3.3.3 重量 级 成 员 : SubShader 


每 一 个 Unity Shader 文 件 可 以 包含 多 个 Subshader 语义 块 ， 但 最 少 要 
有 一 个 。 当 Unity 需 要 加 载 这 个 Unity Shader 时 ，Unity 会 扫描 所 有 的 
SubShader 语义 块 ， 人 然后 选择 第 一 个 能 够 在 目标 平台 上 运行 的 SubShader 
。 如 果 都 不 支持 的 话 ，Unity 束 会 使 用 Fallback 语义 指定 的 Unity 
Shader。 


Unity 提 供 这 种 语义 的 原因 在 于 ， 不 同 的 显卡 具有 不 同 的 能 力 。 例 
如 ， 一 些 旧 的 显卡 仅 能 文 持 一 定数 目的 操作 指令 ， 而 一 些 更 高 级 的 显卡 
可 以 文 持 更 多 的 指令 数 ， 那 么 我 们 希望 在 旧 的 显卡 上 使 用 计算 复杂 上 度 较 
低 的 着 色 磊 ， 而 在 高 级 的 显卡 上 使 用 计算 复杂 度 较 高 的 着 色 器 ， 以 便 提 
供 更 出 色 的 画面 。 


SubShader 语义 块 中 包含 的 定义 通常 如 下 : 

















SubShader { 
// 可 选 的 
[Tags] 


// 可 选 的 
[RenderSetup] 





Pass { 


} 
// Other Passes 





SubShader 中 定义 了 一 系列 Pass 以 及 可 选 的 状态 ([RenderSetup]) 

和 标签 〈[Tags]) 设置 。 每 个 Pass 定义 了 一 次 完整 的 泻 染 流程 ， 但 如 果 
Pass 的 数目 过 多 ， 往 往 会 造成 泻 染 性 能 的 下 降 。 因 此 ， 我 们 应 尽量 使 用 
最 小 数目 的 Pass 。 状 态 和 标签 同样 可 以 在 Pass 声明 。 不 同 的 

是 ，SubShader 中 的 一 些 标 签 设置 是 特定 的 。 也 就 是 说 ， 这 些 标签 设置 
和 Pass 中 使 用 的 标签 是 不 一 样 的 。 而 对 于 状态 设置 来 说 ， 其 使 用 的 语法 
是 相同 的 。 但 是 ， 如 果 我 们 在 SubShader 进行 了 这 些 设置 ， 那 么 将 会 用 
于 所 有 的 Pass 。 


e 状态 设置 


ShaderLab 提 供 了 一 系列 泻 染 状态 的 设置 指令 ， 这 些 指令 可 以 设置 





显卡 的 各 种 状态 ， 例 如 是 否 开局 混合 /深度 测试 等 。 表 3.2 给 出 了 
ShaderLab 中 常见 的 演 染 状态 设置 选项 。 


表 3.2 常见 的 泻 染 状态 设置 选项 




















设置 剔除 模式 剔除 背面 / 
加 5 Back | Front | Off 正面/ 关闭 剔除 


| NotEqual | Always 


ZWrite On | Off 开启 /关闭 深度 写 入 
Blend SrcFactor DstFactor 开局 并 设置 混合 模式 


当 在 SubShader 块 中 设置 了 上 述 演 染 状态 时 ， 将 会 应 用 到 所 有 的 
Pass 。 如 果 我 们 不 想 这 样 (例如 在 双 面 泻 染 中 ， 我 们 希望 在 第 一 个 Pass 
中 剔除 正面 来 对 背面 进行 泻 染 ， 在 第 二 个 Pass 中 剔除 背面 来 对 正面 进行 
泻 染 ) ， 可 以 在 Pass 语义 块 中 单独 进行 上 面 的 设置 。 


ZTest Less Greater | LEqual | GEqual | Equal 设置 深度 测试 时 使 用 的 函数 








e SubShader 的 标签 

SubShader 的 标签 〈Tags) 是 一 个 键 值 对 (Key/Value Pair) ， 它 的 
键 和 值 都 是 字符 串 类 型 。 这 些 刍 值 对 是 SubShader 和 泻 染 引 掌 之 间 的 沟 
通 桥梁 。 它 们 用 来 告诉 Unity 的 演 染 引擎 我 希望 怎样 以 及 何 时 泻 染 这 
个 对 象 。 

标签 的 结构 如 下 : 


Tags { "TagName1" = "Valuel" "TagName2" = "Value2" } 





SubShader 的 标签 块 文 持 的 标签 类 型 如 表 3.3 所 示 。 


表 3.3 SubShader 的 标签 类 型 





演 染 顺序 ， 指 定 该 物体 属于 哪 

泻 染 队 列 ， 通 过 这 种 方式 可 以 

证 所 有 的 透明 物体 可 0 Tags { "Queue" = 
透明 物体 后 面 被 演 染 ( 详 见 第 "Transparent" } 
癌 )， 我 们 也 可 以 自 定 义 使 用 的 演 

染 队 列 来 控制 物体 的 泻 染 顺 序 









































对 着 色 器 进行 分 类 ， 例 如 这 是 一 个 
ee 不 透明 的 着 色 器 ， 或 是 一 个 透明 的 | Tags{ "RenderType" = 
着 色 器 等 。 这 可 以 被 用 于 着 色 器 蔡 |"Opaque" } 
换 (Shader Replacement) 功能 




















一 些 SubShader 在 使 用 Unity 的 批 处 

里 功能 时 会 出 现 问题 ， 例 如 使 用 ] 

模型 空间 下 的 0 Tags { "DisableBatching" 
( 详 见 11.3 节 ) 。 这 时 可 以 通过 该 |= "True" } 

标签 来 直接 指明 是 否 对 该 

SubShader 使 用 批 处 理 




































































DisableBatching 


























全 制 使 用 该 SubShader 的 物体 是 否 | 





"ForceNoShadowCasting" 


ForceNoShadowCasting 会 投射 阴影 〈 详 见 8.4 节 ) } 
= "True" 


如 果 该 标签 值 为 “True”， 那 么 使 用 
该 SubShader 的 物体 将 不 会 受 Tags { "IgnoreProjector" 
IgnoreProjector Projector 的 影响 。 通 常用 于 半 透 明 |= "True" } 
物体 




















当 该 SubShader 是 用 于 精灵 Tags { 
CanUseSpriteAtlas Csprites) 时 ， 将 该 标签 设 "CanUseSpriteAtlas" = 
为 “False” "False" } 











指明 材质 面板 将 如 何 预 览 该 材质 。 
默认 情况 下 ， 材 质 将 显示 为 一 个 球 


























PreviewType 形 ， 我 们 可 以 通过 把 该 标签 的 值 设 |Tags { "PreviewType" = 














为 “Plane”“SkyBox” 来 改变 预览 类 |"Plane"} 
型 





具体 的 标签 设置 我 们 会 在 本 书后 面 的 章节 中 讲 到 。 

需要 注意 的 是 ， 上 述 标签 仅 可 以 在 Subshader 中 声明 ， 而 不 可 以 
在 Pass 块 中 声明 。Pass 块 虽 然 也 可 以 定义 标签 ， 但 这 些 标 签 是 不 同 于 
SubShader 的 标签 类 型 。 这 是 我 们 下 面 将 要 讲 到 的 。 

e@ Pass 语义 块 


Pass 语义 块 包含 的 语义 如 下 : 








Pass { 
[Name ] 
[Tags] 
[RenderSetup] 


// Other code 





首先 ， 我 们 可 以 在 Pass 中 定义 该 Pass 的 名 称 ， 例 如 : 


Name "MyPassName" 


通过 这 个 名 称 ， 我 们 可 以 使 用 ShaderLab 的 UsePass 命令 来 直接 使 用 
其 他 Unity Shader 中 的 Pass 。 例 如 : 


UsePass "MyShader/MYPASSNAME" 


这 样 可 以 提高 代码 的 复 用 性 。 需 要 注意 的 是 ， 由 于 Unity 内 部 会 把 
所 有 Pass 的 名 称 转换 成 大 写字 母 的 表示 ， 因 此 ， 在 使 用 UsePass 命令 时 
必须 使 用 大 写 形式 的 名 字 。 


其 次 ， 我 们 可 以 对 Pass 设置 演 染 状态 。SubShader 的 状态 设置 同样 
适用 于 Pass 。 除 了 上 面 提 到 的 状态 设置 外 ， 在 Pass 中 我 们 还 可 以 使 用 
国定 管线 的 着 色 器 〈 详 见 3.4.3 节 ) 命令 。 

Pass 同样 可 以 设置 标签 ， 但 它 的 标签 不 同 于 SubShader 的 标签 。 这 
些 标签 也 是 用 于 告诉 泻 染 引擎 我 们 希望 怎样 来 演 染 该 物体 。 表 3.4 给 出 
了 Pass 中 使 用 的 标签 类 型 。 


表 3.4 ”Pass 的 标签 类 型 








Tags { 
定义 该 Pass 在 Unity 的 泻 染 流水 线 中 的 角色 "LightMode" = 
"ForwardBase" } 





用 于 指定 当 满足 某 些 条 件 时 才 泻 染 该 Pass， 它 的 值 | 中外 全 
ee De I 

选项 有 : SoftVegetation。 在 后 面 的 版 本 中 ， 可 能 Re ee 
会 增加 更 多 的 选项 ee 




















除了 上 面 普通 的 Pass 定 义 外 ，Unity Shader 还 支持 一 些 特殊 的 Pass 
， 以 便 进 行 代 码 复 用 或 实现 更 复杂 的 效果 。 


。 UsePass : 如 我 们 之 前 提 到 的 一 样 ， 可 以 使 用 该 命令 来 复 用 其 他 
Unity Shader 中 的 Pass ; 

。 GrabPass : 该 Pass 负责 抓 取 屏幕 并 将 结果 存储 在 一 张 纹理 中 ， 以 
用 于 后 续 的 Pass 处 理 〈 详 见 10.2.2 节 ) 。 


如 果 读 者 对 上 述 出 现 的 茶 些 定义 和 名 词 无 法 理解 ， 也 不 要 担心 。 在 
本 书后 面 的 章节 中 ， 我 们 会 对 这 些 内 容 进 行 更 加 深入 的 讲解 。 





3.3.4 留 一 条 后 路 : Fallback 


紧 跟 在 各 个 SubShader 语义 块 后 面 的 ， 可 以 是 一 个 Fallback 指令 。 
它 用 于 告诉 Unity, “如 果 上 面 所 有 的 SubShader 在 这 块 显卡 上 都 不 能 运 


行 ， 那 么 就 使 用 这 个 最 低级 的 Shader 吧 ! ” 
它 的 语义 如 下 : 


Fallback "name" 


// 或 者 


Fallback Off 





如 上 所 述 ， 我 们 可 以 通过 一 个 字符 串 来 告诉 Unity 这 个 “最 低级 的 
Unity Shader” 是 谁 。 我 们 也 可 以 任性 地 关闭 Fallback 功能 ， 但 一 旦 你 这 
么 做 ， 你 的 意思 大 概 就 是 :“ 如 果 一 块 显 卡 跑 不 了 上 和 面 所 有 的 
SubShader， 那 就 不 要 管 它 了 ! ” 


下 面 给 出 了 一 个 使 用 Fallback 语句 的 例子 : 


Fallback "VertexLit" 


事实 上 ，Fallback 还 会 影响 阴影 的 投 冉 。 在 泻 染 阴影 纹理 时 ，Unity 
会 在 每 个 Unity Shader 中 寻找 一 个 阴影 投射 的 Pass。 通 常情 况 下 ， 我 们 不 
需要 自己 专门 实现 一 个 Pass， 这 是 因为 Fallback 使 用 的 内 置 Shader 中 包 
含 了 这 样 一 个 通用 的 Pass。 因 此 ， 为 每 个 Unity Shader 正 确 设置 Faliback 
是 非常 重要 的 。 更 多 关于 Unity 中 阴影 的 实现 ， 可 以 参见 9.4 市 。 


3.3.5 “ShaderLab 还 有 其 他 的 语义 吗 


除了 上 述 的 语义 ， 还 有 一 些 不 常用 到 的 语义 。 例 如 ， 如 采 我 们 不 满 
足 于 Unity 内 置 的 属性 类 型 ， 想 要 目 定义 材质 面板 的 编辑 界面 ， 就 可 以 
使 用 CustomEditor 语义 来 扩展 编辑 界面 。 我 们 还 可 以 使 用 Category 语义 
来 对 Unity Shader 中 的 命令 进行 分 组 。 由 于 这 些 命令 很 少 用 到 ， 本 书 将 
不 再 进行 深入 的 讲解 。 











3.4 Unity Shader 的 形式 


在 上 面 ， 我 们 讲 了 Unity Shader 文 件 的 结构 以 及 ShaderLab 的 语法 。 
尽管 Unity Shader 可 以 做 的 事情 非常 多 《例如 设置 泻 染 状态 等 ) ， 但 其 
最 重要 的 任务 还 是 指定 各 种 着 色 器 所 需 的 代码 。 这 些 着 色 器 代码 可 以 写 
在 SubShader 语义 块 中 (表面 着 色 器 的 做 法 ) ， 也 可 以 写 在 Pass 语义 块 
中 《顶点 / 片 元 着 色 器 和 固定 函数 着 色 器 的 做 法 ) 。 


在 Unity 中 ， 我 们 可 以 使 用 下 面 3 种 形式 来 编写 Unity Shader。 而 不 管 
使 用 哪 种 形式 ， 真 正 意义 上 的 Shader 代 人 码 都 需要 包含 在 ShaderLab 语 义 块 
中 ， 如 下 所 示 : 





Shader "MyShader" { 
Properties { 


// 所 需 的 各 种 属性 




















} 
SubShader { 
// 真正 意义 上 的 Shader 代 码 会 出 现在 这 里 
// 表面 着 色 器 (Surface Shader) 或 者 
// 顶点 / 片 元 着 色 器 (Vertex/Fragment Shader) 或 者 
// 固定 函数 着 色 器 (Fixed Function Shader) 




















} 
SubShader { 
// 和 上 一 个 SubShader 类 似 





} 
} 








3.4.1 Unity 的 宠儿 : 表面 着 色 器 


表面 着 色 器 (Surface Shader) 是 Unity 自 己 创 造 的 一 种 着 色 器 代 
码 类 型 。 它 需要 的 代码 量 很 少 ，Unity 在 背后 做 了 很 多 工作 ， 但 泻 染 的 
代价 比较 大 。 它 在 本 质 上 和 下 面 要 讲 到 的 顶点 / 片 元 着 色 器 是 一 样 的 。 
也 就 是 说 ， 当 给 Unity 提 供 一 个 表面 着 色 器 的 时 候 ， 它 在 背后 仍旧 把 它 
转换 成 对 应 的 顶点 / 片 元 着 色 器 。 我 们 可 以 理解 成 ， 表 面 着 色 器 是 Unity 
对 顶点 / 片 元 着 色 器 的 更 高 一 层 的 抽象 。 它 存在 的 价值 在 于 ，Unity 为 我 
们 处 理 了 很 多 光照 细节 ， 使 得 我 们 不 需要 再 操心 这 些 “ 烦 人 的 事情 ?”。 

















一 个 非常 简单 的 表面 着 色 器 示例 代码 如 下 : 


Shader "Custom/Simple Surface Shader" { 
Subshader { 

Tags { "RenderType" = "Opaque" } 

CGPROGRAM 

#pragma surface surf Lambert 

struct Input { 
float4 color : COLOR; 

}; 

void surf (Input IN, inout SurfaceOutput o) { 
0.Albedo = 1; 


} 
ENDCG 


} 
Fallback "Diffuse" 








从 上 述 程序 中 可 以 看 出 ， 表 面 着 色 器 被 定义 在 SubShader 语义 块 
(而 非 Pass 语义 块 ) 中 的 CGPROGRAM 和 ENDCG 之 间 。 原 因 是 ， 表 面 
着 色 器 不 需要 开发 者 关心 使 用 多 少 个 Pass、 每 个 Pass 如 何 泻 染 等 问题 ， 
Unity 会 在 背后 为 我 们 做 好 这 些 事情 。 我 们 要 做 的 只 是 告诉 它 :“ 嘿 ， 使 
用 这 些 纹理 去 填充 颜色 ， 使 用 这 个 法 线 纹理 去 填充 法 线 ， 使 用 Lambert 
光照 模型 ， 其 他 的 不 要 来 烦 我 ! ”。 

CGPROGRAM 和 ENDCG 之 间 的 代码 是 使 用 Cg/HLSL 编 写 的 ， 也 整 
是 说 ,我们 需要 把 Cg/HLSL 语 言 舱 套 在 ShaderLab 语 言 中 。 值 得 注意 的 
是 ， 这 里 的 Cg/HLSL 是 Unity 经 封装 后 提供 的 ， 它 的 语法 和 标准 的 
Cg/HLSL 语 法 几乎 一 样 ， 但 还 是 有 细微 的 不 同 ， 例 如 有 些 原生 的 函数 和 
用 法 Unity 并 没有 提供 支持 。 

3.4.2 ”最 聪明 的 孩子 : 顶点 / 片 元 着 色 器 


在 Unity 中 我 们 可 以 使 用 Cg/HLSL 语 言 来 编写 顶点 / 片 元 着 色 器 
(Vertex/Fragment Shader) 。 它 们 更 加 复杂 ， 但 灵活 性 也 更 高 。 


一 个 非常 简单 的 项 点 / 片 元 着 色 器 示例 代码 如 下 : 


Shader "Custom/Simple VertexFragment Shader" { 








SubShader { 
Pass { 
CGPROGRAM 
#pragma vertex vert 
#pragma fragment frag 


float4 vert(float4 v : POSITION) : SV_POSITION { 
return mul (UNITY MATRIX MVP, Vv); 


} 


fixed4 frag() : SV_Target { 
return fixed4(1.0,0.0,0.0,1.0); 


} 


ENDCG 





和 表面 着 色 器 类 似 ， 顶 点 / 片 元 着 色 器 的 代码 也 需要 定义 





在 CGPROGRAM 和 ENDCG 之 间 ， 但 不 同 的 是 ， 顶 点 / 片 元 着 色 器 是 写 
在 Pass 语义 块 内 ， 而 非 Subshader 内 的 。 原 因 是 ， 我 们 需要 上 自己 定义 每 
个 Pass 需 要 使 用 的 Shader 代 码 。 虽 然 我 们 可 能 需要 编写 更 多 的 代码 ， 但 
带 来 的 好 处 是 灵活 性 很 高 。 更 重要 的 是 ， 我 们 可 以 控制 演 染 的 实现 细 
节 。 同 样 ， 这 里 的 CGPROGRAM 和 ENDCG 之 间 的 代码 也 是 使 用 
Cg/HLSL 编 写 的 。 


3.4.3 ”被 抛弃 的 角落 : 固定 函数 着 色 器 


上 面 两 种 Unity Shader 形 式 都 使 用 了 可 编程 管线 。 而 对 于 一 些 较 旧 
的 设备 〈 其 GPU 仅 支 持 DirectX 7.0、OpenGL 1.5 或 OpenGL ES 1.1) ， 例 
如 iPhone 3， 它 们 不 文 持 可 编程 管线 着 色 器 ， 因 此 ， 这 时 候 我 们 就 需要 
使 用 固定 函数 着 色 器 (Fixed Function Shader) 来 完成 演 染 。 这 些 着 色 
医 往 往 只 可 以 完成 一 些 非常 简单 的 效果 。 


一 个 非常 简单 的 固定 函数 着 色 器 示例 代码 如 下 : 














Shader "Tutorial/Basic" { 
Properties { 
_Color ("Main Color", Color) = (1,60.5,0.5,1) 


} 
SubShader { 
Pass { 
Material { 
Diffuse [_Color] 
} 
Lighting On 





可 以 看 出 ， 固 定 函 数 着 色 器 的 代码 被 定义 在 Pass 语义 块 中 ， 这 些 代 
0 


对 于 固定 函数 着 色 器 来 说 ， 我 们 需要 完全 使 用 ShaderLab 的 语法 
《即使 用 ShaderLab 的 演 染 设置 命令 ) 来 编写 ， 而 非 使 用 Cg/HLSL。 


由 于 现在 绝 大 多 数 GPU 痢 文 持 可 编程 的 这 染 管线 ， 这 种 固定 管线 的 
编程 方式 已 经 逐渐 被 抛弃 。 实 际 上 ， 在 Unity 5.2 中 ， 所 有 固定 函数 着 色 
器 都 会 在 背后 被 Unity 编 译 成 对 应 的 顶点 / 片 元 着 色 器 ， 因 此 真正 意义 上 
的 固定 函数 着 色 器 已 经 不 存在 了 。 


3.4.4 选择 哪 种 Unity Shader 形 式 


那么 ， 我 们 究竟 选择 哪 一 种 来 进行 Unity Shader 的 编写 呢 ? 这 里 给 
出 了 一 些 建议 。 


。 除非 你 有 非常 明确 的 需求 必须 要 使 用 固定 函数 着 色 器 ， 例 如 需要 在 
非常 旧 的 设备 上 运行 你 的 游戏 (这 些 设备 非常 少见 ) ， 否 则 请 使 用 
可 编程 管线 的 着 色 器 ， 即 表面 着 色 器 或 顶点 / 片 元 着 色 句 。 

如 果 你 想 和 各 种 光源 打交道 ， 你 可 能 更 喜欢 使 用 表面 着 色 堪 ， 但 需 
要 小 心 它 在 移动 平台 的 性 能 表现 。 

如 末 你 需要 使 用 的 光照 数目 非常 少 ， 例 如 只 有 一 个 平行 兴 ， 那 么 使 
用 顶点 / 片 元 着 色 器 是 一 个 更 好 的 选择 。 

最 重要 的 是 ， 如 条 你 有 很 多 目 定 义 的 泻 染 效果 ， 那 么 请 选择 顶点 / 
片 元 着 色 器 。 

















3.5 “本 书 使 用 的 Unity Shader 形 式 


本 书 的 目的 不 仅 在 于 教 给 读者 如 何 使 用 Unity Shader， 更 重要 的 是 
想 要 让 读者 掌握 演 染 背后 的 原理 。 仪 仪 了 解 高 层 抽象 虽然 可 能 会 暂时 使 
工作 简化 ， 但 从 长 久 来 看 “ 知 其 然而 不 知 其 所 以 然 * 所 市 来 的 影响 更 加 深 
Eo 











因此 ， 在 本 书 接 下 来 的 内 容 中 ， 我 们 将 着 重 使 用 项 点 / 片 元 着 色 咒 
来 进行 Unity Shader 的 编写 。 对 于 表面 着 色 器 来 说 ， 我 们 会 在 本 书 的 第 
17 章 中 进行 剖析 ， 读 者 可 以 在 那里 找到 更 多 的 学 习 内 容 。 








立 管 在 之 前 的 内 容 中 闻 兰 了 很 多 基础 内 容 ， 这 里 仍 给 出 一 些 初 学 者 
常见 的 困惑 之 处 ， 并 给 予 说 明和 解释 。 





3.6.1 Unity Shader != 真正 的 Shader 


需要 读者 注意 的 是 ，Unity Shader 并 不 等 同 于 第 2 章 中 所 讲 的 
Shader， 尺 管 Unity Shader 翻 译 过 来 就 是 Unity 着 色 器 。 在 Unity 里 ，Unity 
Shader 实 际 上 指 的 驶 是 一 个 ShaderLab 文 件 硬盘 上 以 .shader 作为 文 
件 后 级 的 一 种 文件 。 


在 Unity Shader (或 者 说 是 ShaderLab 文 件 ) 里 ， 我 们 可 以 做 的 事情 
远 多 于 一 个 传统 意义 上 的 Shader。 


。 在 传统 的 Shader 中 ， 我 们 仪 可 以 编写 特定 类 型 的 Shader， 例 如 顶点 
着 色 器 、 片 元 着 色 器 等 。 而 在 Unity Shader 中 ， 我 们 可 以 在 同一 个 
文件 里 同时 包含 需要 的 顶点 着 色 器 和 片 元 着 色 器 代码 。 

在 传统 的 Shader 中 ， 我 们 无 法 设置 一 些 演 染 设置 ， 例 如 是 否 开启 混 
合 、 深 度 测 试 等 ， 这 些 是 开发 者 在 另外 的 代码 中 自行 设置 的 。 而 在 
Unity Shader 中 ， 我 们 通过 一 行 特 定 的 指令 就 可 以 完成 这 些 设置 。 
在 传统 的 Shader 中 ， 我 们 需要 编写 见长 的 代码 来 设置 着 色 器 的 输入 
和 输出 ， 要 小 心地 处 理 这 些 输入 输出 的 位 置 对 应 关系 等 。 而 在 
Unity Shader 中 ， 我 们 只 需要 在 特定 语句 块 中 声明 一 些 必 性， 就 可 
以 依靠 材质 来 方便 地 改变 这 些 属 性 。 而 且 对 于 模型 自 带 的 数据 《〈 如 
顶点 位 置 、 纹 理 坐 标 、 法 线 等 ) ，Unity Shader 也 提供 了 直接 访问 
的 方法 ， 不 需要 开发 者 自行 编码 来 传 给 着 色 器 。 


当然 ，Unity Shader 除 了 上 述 这 些 优点 外 ， 也 有 一 些 缺 点 。 由 于 
Unity Shader 的 高 度 封装 性 ， 我 们 可 以 编写 的 Shader 类 型 和 语法 都 被 限制 
了 。 对 于 一 些 类 型 的 Shader， 例 如 曲面 细 分 着 色 器 〈Tessellation 
Shader) 、 几 何 着 色 器 〈Geometry Shader) 等 ，Unity 的 支持 就 相对 差 一 
些 。 例 如 ，Unity 4.x 仅 在 DirectX 11 平 台 下 提供 曲面 细 分 着 色 器 、 几 何 
着 色 器 的 相关 功能 ， 而 对 于 OpenGL 平 台 则 没有 这 些 支 持 。 除 此 之 外 ， 
一 些 高 级 的 Shader 语 法 Unity Shader 也 不 文 持 。 






































可 以 说 ，Unity Shader 提 供 了 一 种 让 开发 者 同时 控制 泻 染 流水 线 中 
多 个 阶段 的 一 种 方式 ， 不 仅仅 是 提供 Shader 代 人 码 。 作 为 开发 者 而 言 ， 我 
们 绝 大 部 分 时 候 只 需要 和 Unity Shader 打 交道 ， 而 不 需要 关心 泻 染 引擎 
底层 的 实现 细节 。 


3.6.2 ”Unity Shader 和 Cg/HLSL 之 间 的 关系 


正如 我 们 之 前 所 讲 ，Unity Shader 是 用 ShaderLab 语 言 编写 的 ， 但 对 
于 表面 着 色 器 和 顶点 / 片 元 着 色 器 ， 我 们 可 以 在 ShaderLab 内 部 座 套 
Cg&/HLSL 语 言 来 编写 这 些 着 色 器 代码 。 这 些 CgHLSL 代 码 是 坐 套 
在 CGPROGRAM 和 ENDCG 之 间 的 ， 正 如 我 们 之 前 看 到 的 示例 代码 一 
样 。 由 于 Cg 和 DX9 风 格 的 HLSL 从 写法 上 来 说 几乎 是 同一 种 语言 ， 因 此 
在 Unity 里 Cg 和 HLSL 是 等 价 的 。 我 们 可 以 说 ，Cg/HLSL 代 码 是 区 别 于 
ShaderLab 的 另 一 个 世界 。 


通常 ，Cg 的 代码 片段 是 位 于 Pass 语义 块 内 部 的 ， 如 下 所 示 : 








Pass { 
// Pass 的 标签 和 状态 设置 


CGPROGRAM 

// 编译 指令 ， 例 如 : 
#pragma vertex vert 
#pragma fragment frag 

















// Cg 代码 


ENDCG 
// 其 他 一 些 设置 











读者 可 能 会 有 疑问 :“ 之 前 不 是 说 在 表面 着 色 器 中 ，Cg/HLSL 代 码 
是 写 在 SubShader 语义 块 内 吗 ? 而 不 是 Pass 块 内 。” 的 确 ， 在 表面 着 色 器 
中 ，Cg/HLSL 代 码 是 写 在 SubShader 语义 块 内 ， 但 是 读者 应 该 还 记得 ， 
表面 着 色 器 在 本 质 上 就 是 顶点 / 片 元 着 色 器 ， 它 们 看 起 来 很 不 像 是 因为 
表面 着 色 器 是 Unity 在 顶点 / 片 元 着 色 器 上 层 为 开发 者 提供 的 一 层 抽象 封 
装 ， 但 在 背后 ，Unity 还 是 会 把 它 转化 成 一 个 包含 多 Pass 的 顶点 / 片 元 着 
色 器 。 我 们 可 以 在 Unity Shader 的 导入 设置 面板 中 单 击 Show generated 





code 按钮 来 查看 生成 的 真正 的 顶点 / 片 元 着 色 器 代码 。 可 以 说 ， 从 本 质 

上 来 讲 ， Unity Shader 只 有 两 种 形式 : 顶点 / 片 元 着 色 堪 和 固定 函数 着 色 
器 (在 Unity 5.2 以 后 的 版 本 中 ， 固 定 函 数 着 色 需 也 会 在 背后 被 转化 成 顶 

点 / 片 元 着 色 器 。 因此 从 本 质 上 来 说 Unity 中 只 存在 顶点 / 片 元 着 色 器 〉。 


在 拓 伏 给 编 程 人 员 这 缉 便利 的 于 后 ， Unity 纲 得 器 会 把 这 些 Cg 片段 
编译 成 低级 语言 ， 如 汇编 语言 全 通常 ， Unity 会 目 动 把 这 些 Cg 片 段 编 
译 到 所 有 相关 平台 (这 里 的 平台 是 指 不 同 的 演 染 平台 ， 例 如 Direct3D 
9、OpenGL、Direct3D 11、OpenGL ES 等 ) 上 。 这 些 编 泽 过 程 比较 复 
杂 ，Unity 会 使 用 不 同 的 编译 器 来 把 Cg 转换 成 对 应 平台 的 代码 。 这 样 就 
不 会 在 切换 平台 时 再 重新 编译 ， 而 且 如 果 代 码 在 某 些 平台 上 发 生 错 误 就 
可 以 立刻 得 到 错误 信息 。 











正如 在 3.1.3 节 中 看 到 的 一 样 ， 我 们 可 以 在 Unity Shader 的 导入 设置 
面板 上 得 看 这 些 编译 后 的 代码 ， 碍 看 这 些 代 码 有 助 于 进行 Debug 或 优化 
等 ， 如 图 3.9 所 示 。 


Imported Object 
-了 Custom/NewSurfaceShader 说， 
i 


Surface shader | Show generated code 


Fixed function no 





Compiled code Compile and show code | ~ 
Cast shadows Current graphics device 
Render queue Y Current build platform 


LOD All platforms 
Custom: 
lIgnore projector OpenGL 
Disable batching v D3D9 
Properties: YD3D11 
OpenCGLES20 
Co D3D11_9x 
-MainTex OpenGLES30 
_Glossiness Metal 
_Metallic OpenCGLCore 





Y Skip unused shader_features 


50variants included | Show | 

















全 图 3.9 在 Unity Shader 的 导入 设置 面板 中 可 以 通过 Compile and show code 按钮 来 在 看 Unity 对 
CG 片段 编译 后 的 代码 。 通 过 单 击 Compile and show code 按钮 右 端 的 倒 三 角 可 以 打开 下 拉 菜 单 ， 
在 这 个 下 拉 菜 单 中 可 以 选择 编译 的 平台 种 类 ， 如 只 为 当前 的 显卡 设备 编译 特定 的 汇 乡 I 代码 ， 或 

为 所 有 的 平台 编译 汇编 代码 ， 我 们 也 可 以 自 定义 选择 编译 到 哪些 平台 上 





































































































但 当 发 布 游戏 的 时 候 ， 游 戏 数据 文件 中 只 包含 目标 平台 需要 的 编译 
代码 ， 而 那些 在 目标 平台 上 不 需要 的 代码 部 分 束 会 被 移 除 。 例 如 ， 当 发 
布 到 Mac OS X 平 台 上 时 ，DirectX 对 应 的 代码 部 分 就 会 被 移 除 。 


3.6.3 ”我 可 以 使 用 GLSL 来 写 吗 


当然 可 以 。 如 果 你 坚持 说 :“ 我 就 是 不 想 用 Cg/HLSL 来 写 ! 就 是 要 
使 用 GLSL 来 写 ! ”， 但 是 这 意味 者 你 可 以 太 布 的 目标 平台 就 只 有 Mac 
OS X、OpenGL ES 2.0 或 者 Linux， 而 对 于 PC、Xbox 360 这 样 的 仅 支 持 
DirectX 的 平台 来 说 ， 你 就 放弃 它们 了 。 


建立 在 你 坚持 要 用 GLSL 来 写 Unity Shader 的 意愿 下 ， 你 可 以 怎么 写 
呢 ? 和 Cg/HLSL 需 要 机 套 在 CGPROGRAM 和 ENDCG 之 间 类 似 ，GLSL 
的 代码 需要 风 套 在 GLSLPROGRAM 和 ENDGLSL 之 间 。 


更 多 关于 如 何在 Unity Shader 中 写 GLSL 代 码 的 内 容 可 以 在 Unity 官 方 
手册 的 GLSL Shader Programs 一 文 
(http://docs.unity3d.com/Manual/SL-GLSLShaderPrograms.html ) 中 找 
到 。 











3.7 扩展 阅读 


Unity 官 网 上 关于 Unity Shader 方 面 的 文档 正在 不 断 补 充 中 ， 由 于 
Unity 封 装 了 很 多 功能 和 细节 ， 因 此 ,如 果 读 者 在 使 用 Unity Shader 的 过 程 
中 过 到 了 问题 可 以 去 到 官方 文档 (http://docs.unity3d.com/Manual/SL- 
Reference.html ) 中 查看 。 除 此 之 外 ，Unity 也 提供 了 一 些 简单 的 着 色 器 
编写 教程 (http://docs.unity3d.com/Manual/ShaderTut1.html 
，http://docs.unity3d.com/Manual/ShaderTut2.html ) 。 由 于 在 Unity 
Shader 中 ， 绝 大 多 数 可 编程 管线 的 着 色 器 代码 是 使 用 Cg 语言 编写 的 ， 读 
者 可 以 在 NVIDIA 提 供 的 Cg 文档 (http://http.developer.nvidia.com/Cg/ ) 
中 找到 更 多 的 内 容 。NVIDIA 同 样 提供 了 一 个 系列 教程 

(http://http.developer.nvidia.com/CgTutorial/cg_tutorial_chapter01.html ) 
来 帮助 初学 者 掌握 Cg 的 基本 语法 。 


第 4 章 ”学 习 Shader 所 需 的 数学 基 
而 


不 慌 数 学 者 不 得 入 内 。 
一 一 上 古 希 腊 相 拉 图 学 院 门 口 的 碑文 


计算 机 图 形 学 之 所 以 深奥 难 懂 ， 很 大 原因 是 在 于 它 是 建立 在 虚拟 世 
界 上 的 数学 模型 。 数 学 渗透 到 图 形 学 的 方方面面 ， 当 然 也 包括 Shader。 
在 学 习 Shader 的 过 程 中 ， 我 们 最 党 使 用 的 就 是 天 量 和 和 矩阵 〈( 即 数学 的 分 
文 之 一 一 一 线性 代数 )。 


很 多 读者 认为 图 形 学 中 的 数学 复 林 难 懂 。 的 确 ， 一 些 数学 模型 在 初 
学 者 看 来 星 深 难 懂 。 但 很 多 情况 下， 我们 需要 打交道 的 只 是 一 些 基 础 的 
数学 运算 ， 而 只 要 掌握 了 这 些 内 容 ， 就 会 发 现 很 多 事情 可 以 迎刃而解 。 
我 们 在 研究 和 学 习 他 人 编写 的 Shader 代 码 时 ， 也 不 再 会 疑问 : “他 为 什 
么 要 这 么 写 ”"， 而 是 “ 哦 ， 这 里 就 是 使 用 和 矩阵 进行 了 一 个 变换 而 已 。” 


为 了 让 读者 能 够 参与 到 计算 中 来 ， 而 不 是 填 鸭 式 地 阅读 ， 在 一 些小 
节 的 最 后 我 们 会 给 出 一 些 练习 题 。 练 习题 的 答案 会 在 本 章 最 后 给 出 (不 
要 偷 看 答案 ! ) 。 需 要 注意 的 是 ， 这 些 练习 题 并 不 是 可 有 可 无 的 ， 我 们 
并 非 想 利用 题 海 战术 来 让 读者 掌握 这 些 数学 运算 ， 而 是 想 利用 这 些 练习 
题 来 前 述 一 些 容易 出 错 或 实践 中 常见 的 问题 。 通 过 这 些 练习 题 ， 读 者 可 
以 对 本 节 内 容 有 更 加 深刻 的 理解 。 


那么 ， 拿 起 笔 来 ， 让 我 们 一 起 走 进 数学 的 世界 吧 ! 












































4.1 背景 农场 游戏 


为 了 让 读者 更 加 理解 数学 计算 的 几何 意义 ， 我 们 先 来 假定 一 个 场 
景 。 现 在 ， 假 设 我 们 正在 开发 一 到 卡通 风格 的 农场 游戏 。 在 这 个 游戏 
里 ， 玩 家 可 以 在 农场 里 养 很 多 可 爱 的 奶牛 。 与 普通 农场 游戏 不 同 的 是 ， 
我 们 的 主角 不 是 玩家 ， 而 是 一 头 牛 一 一 妞妞 ， 如 疼 4.1 所 示 。 妞 妞 不 仅 
长 得 壮 ， 而 且 它 对 很 多 事情 都 充满 了 好 奇 心 。 











4 图 4.1 我 们 的 农场 游戏 。 我 们 的 主角 妞妞 是 一 头 长 得 最 壮 、 好 奇 心 很 强 的 奶牛 


ee 
SA, 


在 故事 的 一 开始 ， 农 场 世界 是 没有 数学 概念 的 。 通 过 下 面 的 学 习 ， 
我 们 会 见证 数学 给 这 个 世界 市 来 了 怎样 翻天 徐 地 的 变化 。 


4.2 ” 箔 卡 儿 坐标 系 


在 游戏 制作 中 ， 我 们 使 用 数学 绝 大 部 分 都 是 为 了 计算 位 置 、 距 离 和 
角度 等 变量 。 而 这 些 计 算 大 部 分 都 是 在 箔 卡 儿 丛 标 系 (Cartesian 
Coordinate System) 下 进行 的 。 这 个 名 字 来 源 于 法 国 伟 大 的 哲学 家 、 
物理 学 家 、 心 理学 家 、 数 学 家 人 笛 卡 儿 (René Descartes) 。 


那么 ， 我 们 为 什么 需要 笛 卡 儿 坐 标 系 呢 ? 有 这 样 一 个 传说 ， 讲 述 了 
华 卡 儿 提 出 化 卡 儿 坐标 系 的 由 来 。 香 卡 儿 从 小 体弱多病 ， 所 以 他 所 在 的 
寄宿 学 校 的 老师 允许 他 可 以 一 直 留 在 床上 直到 中 午 。 在 笛 卡 儿 的 一 生 
中 ， ee 第 卡 儿 并 没有 把 这 段 时 
间 用 在 睡懒觉 思考 了 很 多 关于 数学 和 哲学 上 的 问题 。 有 一 天 ， 
笛 卡 儿 发 现 页 乱 如 在 天 花生 上 有 来 必 去 他 观察 了 很 长 一 段 时 间 。 笛 
卡 儿 想 ， 我 要 如 何 来 措 于 这 只 苍蝇 的 运动 轨迹 呢 ? 最 后 ， 稍 卡 儿 意 识 
到 ， 他 可 以 使 用 这 只 苍蝇 距离 房间 内 不 同 增 面 的 位 置 来 描述 ， 如 图 4.2 
所 示 。 他 从 床上 起 号 ， 写 下 了 他 的 发 现 。 然 后 ， 他 试图 描述 一 些 点 的 位 
置 ， 正 如 他 要 描述 苍蝇 的 位 置 一 样 。 最 后 ， 笛 卡 儿 就 发 明了 这 个 坐标 平 
面 。 而 这 个 坐标 平面 后 来 逐渐 有 发展， 就 形成 了 坐标 系 系统 。 人 们 为 了 纪 
念佛 卡 儿 的 工作 ， 训 用 他 的 名 字 来 给 这 种 坐标 系 进行 命名 。 


















































4 图 4.2 ”传说 ， 箭 卡 儿 坐标 系 来 源 于 笛 卡 儿 对 天 花 板 上 一 只 苍蝇 的 运动 轨迹 的 观察 。 笛 卡 儿 发 
现 ， 可 以 使 用 苍蝇 距 不 同 墙 面 的 距离 来 描述 它 的 当前 位 置 














当然 ， 上 面 传说 的 可 靠 性 无 从 验证 。 一 些 较真 儿 的 读者 就 不 用 急 着 
问 本 书 勤 误 邮 箱 中 发 邮件 说 :“ 嘿 ， 你 简直 是 衣 说 ! ”不 过 ， 读 者 可 以 从 
这 个 传阅 中 发 现 ， 稍 卡 儿 坐 标 系 和 我 们 的 生活 是 密切 相关 的 。 
4.2.1 二 维 笛 卡 儿 坐标 系 

事实 上 ， 读 者 很 可 能 一 直 在 用 二 维 笛 卡 儿 坐 标 系 ， 尽 管 你 可 能 并 没 
有 了 听 过 华 卡 儿 这 个 名 词 。 你 还 记得 在 《 哈 利 波 特 与 魔法 石 》 电 影 中 ， 哈 
利和 罗 因 大 战 奇 洛 教授 的 魔法 棋盘 吗 ? 这 里 的 国际 象棋 棋盘 也 可 以 理解 
成 是 一 个 二 维 的 笛 卡 儿 坐 标 系 。 

图 4.3 显 示 了 一 个 二 维 篆 卡 儿 坐 标 系 。 它 是 不 是 很 像 一 个 棋盘 呢 ? 
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A 图 4.3 ”一 个 二 维 笛 卡 儿 坐 标 系 
一 个 二 维 的 笛 卡 儿 坐 标 系 包 含 了 两 个 部 分 的 信息 : 
。 一 个 特殊 的 位 置 ， 即 原点 ， 它 是 整个 坐标 系 的 中 心 ; 























。 两 条 过 原点 的 互相 垂直 的 矢量 ， 即 x 轴 和 y 轴 。 这 些 坐 标 轴 也 被 称 
为 是 该 坐标 系 的 基 天 量 。 


虽然 在 图 4.3 中 x 轴 和 y 轴 分 别 是 水 平和 垂直 方向 的 ， 但 这 并 不 是 必 
须 的 。 想 象 把 上 面 的 坐标 系 整 体 同 左旋 转 30*。 而 且 ， 虽 然 图 中 的 x 轴 指 
回 右 、y 轴 指 向 上 ， 但 这 也 并 不 是 必须 的 。 例 如 ， 在 2.3.4 节 屏幕 映射 
中 ，OpenGL 和 DirectX 使 用 了 不 同 的 二 维 稍 卡 儿 坐 标 系 ， 如 图 4.4 所 示 。 


而 有 了 这 个 坐标 系 我 们 就 可 以 精确 地 定位 一 个 点 的 位 置 。 例 如 ， 如 
果 说 ;“ 在 (1, 2) 的 位 置 上 画 一 个 点 。? 那 么 相信 读者 肯定 知道 这 个 位 
置 在 哪里 。 
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OpenGL 进 行 屏幕 映射 时 
使 用 的 笛 卡 尔 坐标 系 DirectX 进 行 屏幕 映射 时 
使 用 的 笛 卡 尔 坐 标 系 





(0, 0) 十 X +y 





A 图 4.4 在 屏幕 映射 时 ，OpenGL 和 DirectX 使 用 了 不 同方 向 的 二 维 笛 卡 儿 坐 标 系 


我 们 来 看 一 下 笛 卡 儿 坐 标 系 给 奶牛 农场 带 来 了 什么 变化 。 在 没有 各 
卡 儿 坐 标 系 的 时 候 ， 奶 牛 们 根本 没有 明确 的 位 置 概念 。 如 果 一 头 奶 牛 
问 : “妞妞 ， 你 现在 在 哪里 啊 ? ”妞妞 只 能 回答 说 “我 在 这 里 ”或 者 “我 在 
那里 "这些 模糊 的 词语 。 但 那 头 奶牛 永远 不 会 知道 妞妞 的 确切 位 置 。 而 
把 笛 卡 儿 坐 标 系 引 入 到 奶牛 农场 后 ， 所 有 的 一 切 都 变 得 清晰 起 来 。 我 们 
把 奶牛 农场 的 中 心 定 义 成 坐标 原点 ， 而 把 地 理 方 同 中 的 东 、 北 定义 成 坐 
标 轴 方向 。 现 在 ， 如 果 奶 牛 再 问 :“ 妞 妞 ， 你 现在 在 哪里 啊 ? ”妞妞 就 可 
以 回答 说 : “我 在 东 1 米 、 北 3 米 的 地 方 。” 如 图 4.5 所 示 。 








A 图 4.5 笛 卡 儿 坐 标 系 可 以 让 妞妞 精确 表述 自己 的 位 置 


4.2.2 ”三维 笛 卡 儿 坐标 系 


在 上 面 一 节 中 ， 我 们 已 经 了 解 了 二 维 笛 卡 儿 华 标 系 。 可 以 看 出 ， 二 
维 华 卡 儿 坐 标 系 实际 上 是 比较 简单 的 。 那 么 ， 三 维 比 二 维 只 多 了 一 个 维 
度 ， 是 不 是 也 就 难 了 509% 而 已 呢 ? 


不 幸 的 是 ， 答 案 是 否定 的 。 三 维 笛 卡 儿 坐 标 系 相 较 于 二 维 来 说 要 复 
杂 许 多 ， 但 这 并 不 意味 着 很 难 学 会 它 。 对 人 类 来 说 ， 我 们 生活 的 世界 就 
是 三 维 的 ， 因 此 对 于 理解 更 低 维度 的 空间 〈 一 维和 二 维 ) 是 比较 容易 
的 。 而 对 于 同等 维度 的 一 些 概念 ， 理 解 起 来 难度 就 大 一 些 ， 对 于 更 高 维 
度 的 空间 《如 四 维 空间 ) ， 理 解难 度 就 更 大 了 。 


在 三 维 笛 卡 儿 坐 标 系 中 ， 我 们 需要 定义 3 个 坐标 轴 和 一 个 原点 。 图 
4.6 显 示 了 一 个 三 维 笠 卡 儿 坐标 系 。 
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A 图 4.6 个 三 维 笛 卡 儿 坐 标 系 


这 3 个 坐标 轴 也 被 称 为 是 该 坐标 系 的 基 矢 量 (basis vector) 。 通 常 
情况 下 ， 这 3 个 坐标 轴 之 间 是 互相 垂直 的 ， 且 长 度 为 1， 这 样 的 基 矢 量 
被 称 为 标准 正 交 基 (orthonormal basis) ， 但 这 并 不 是 必须 的 。 例 如 ， 
在 一 些 坐 标 系 中 坐标 轴 之 间 互 相 垂直 但 长 度 不 为 1， 这 样 的 基 矢 量 被 称 
为 正 交 基 (orthogonal basis) 。 如 非特 殊 说 明 ， 本 书 默 认 情 况 下 使 用 
的 坐标 轴 指 的 都 是 标准 正 交 基 。 


读者 : 正 交 这 个 词 是 什么 意思 呢 ? 


我 们 : 正 交 可 以 理解 成 互相 垂直 的 意思 。 在 下 面 和 矩阵 的 内 容 中 ， 我 
们 还 会 看 到 正 交 和 窍 阵 的 概念 。 


和 二 维 香 卡 儿 坐 标 系 类 似 ， 三 维 香 卡 儿 坐 标 系 中 的 坐标 轴 方 向 也 不 
是 固定 的 ， 即 不 一 定 是 像 图 4.6 中 那样 的 指向 。 但 这 种 不 同 导致 了 两 种 
不 同 种 类 的 坐标 系 : 左手 坐标 系 (left-handed coordinate space) 和 碳 
手 坐 标 系 (right-handed coordinate space) 。 


4.2.3 ”左手 坐标 系 和 右手 坐标 系 
为 什么 在 三 维 笛 卡 儿 坐 标 系 中 要 区 分 左手 坐标 系 和 右手 坐标 系 ， 而 


























二 维 中 就 没有 这 些 烦人 的 事情 呢 ? 这 是 因为 ， 在 二 维 稍 卡 儿 坐标 系 

中 ，x 轴 和 y 轴 的 指 同 虽然 可 能 不 同 ， 就 如 我 们 在 图 4.4 中 看 到 的 一 样 。 
但 我 们 总 可 以 通过 一 些 旋转 操作 来 使 它们 的 坐标 轴 指 向 相同 。 以 图 4.4 
中 OpenGL 和 DirectX 使 用 的 坐标 系 为 例 ， 为 了 把 右 侧 的 坐标 轴 指 向 转换 
到 左 侧 那样 的 指向 ， 我 们 可 以 首先 对 右 侧 的 坐标 系 顺 时 针 旋 转 180"， 此 
时 它 的 y 轴 指 向 上 ， 而 x 轴 指 癌 左 。 然 后 ， 我 们 再 把 整个 纸 面 水 平 翻转 
一 下 ， 就 可 以 把 x 轴 翻 转 到 指向 右 了 ， 此 时 左右 两 侧 的 坐标 轴 指 回 就 完 
全 相同 了 。 从 这 种 意义 上 来 说 ， 所 有 的 二 维 香 卡 儿 坐 标 系 都 是 等 价 的 。 


但 对 于 三 维 笛 卡 儿 坐 标 系 ， 靠 这 种 旋转 有 时 并 不 能 使 两 个 不 同 明 同 
的 坐标 系 重 合 。 例 如 ， 在 图 4.6 中 ，+z 轴 的 方向 指向 纸 面 的 内 部 ， 如 果 
有 另 一 个 三 维 笛 卡 儿 坐标 系 ， 它 的 +z 轴 是 指向 纸 面 外 部 ，x 轴 和 y 轴 保 
持 不 变 ， 那 么 我 们 可 以 通过 旋转 把 这 两 个 坐标 轴 重 合 在 一 起 吗 ? 答案 是 
否定 的 。 我 们 总 可 以 让 其 中 两 个 坐标 轴 的 指向 重合 ， 但 第 三 个 坐标 轴 的 
指 问 总 是 相反 的 。 


也 就 是 说 ， 三 维 笛 卡 儿 坐 标 系 并 不 都 是 等 价 的 。 因 此 ， 就 出 现 了 两 

种 不 同 的 三 维 坐 标 系 : 左手 坐标 系 和 右手 坐标 系 。 如 果 两 个 坐标 系 具 有 

相同 的 旋 问 性 (handedness) ， 那 么 我 们 就 可 以 通过 旋转 的 方法 来 让 

它们 的 坐标 轴 指 辣 重 合 。 但 是 ， 如 果 它 们 具有 不 同 的 谍 同 性 (例如 坐标 

en 
合 的 目的 。 


那么 ， 为 什么 叫 左手 坐标 系 和 右手 坐标 系 呢 ? 和 和 手 有 什么 关系 ? 这 
是 因为 ， 我 们 可 以 利用 我 们 的 双手 来 判断 一 个 坐标 系 的 旋回 性 。 请 读者 
举 起 你 的 左手 ， 用 食指 和 大 拇指 捍 出 一 个 “L” 的 手势 ， 并 且 让 你 的 食指 
指向 上 ， 大 拇指 指向 右 。 现 在 ， 伸 出 你 的 中 指 ， 不 出 意外 的 话 它 应 该 指 
同 你 的 前 方 ( 如 果 你 一 定 要 展示 自己 骨骼 惊奇 的 话 我 也 没有 办 法 ) 。 茶 
喜 你 ， 你 已 经 得 到 了 一 个 左手 坐标 系 了 ! 你 的 大 拇指 、 食 指 和 中 指 分 别 
对 应 了 +x 、+y 和 +z 轴 的 方向 ， 如 图 4.7 所 示 。 


同样 ， 读 者 可 以 通过 右手 来 得 到 一 个 右手 坐标 系 。 举 起 你 的 右手 ， 
站 
虽 图 4.8 有 所 不 。 























A 图 4.7 左手 坐标 系 





全 图 4.8 右手 坐标 系 


正如 我 们 之 前 所 说 ， 左 手 坐 标 系 和 右手 坐标 系 之 间 无 法 通过 旋转 来 
同时 使 它们 的 3 个 坐标 轴 指 向 重合 ， 如 果 你 不 信 ， 你 现在 可 以 拿 自己 的 
双手 来 试验 一 下 。 


另外 一 个 确定 是 左手 还 是 右手 坐标 系 的 方法 是 ， 判 断 前 癌 
(forward) 的 方向 。 请 读者 坐 直 ， 辣 右 伸 直 你 的 右手 ， 此 时 右手 方向 
就 是 x 轴 的 正 同 ， 而 你 的 头顶 回 上 的 方向 就 是 y 轴 的 正 癌 。 这 时 ， 如 果 
你 的 正 前 方 的 方向 是 z 轴 的 正 同 ， 那 么 你 本 里 所 在 的 坐标 系 就 是 一 个 左 
手 坐 标 系 ， 如 果 你 的 正 前 方 的 方向 对 应 的 是 z 轴 的 负 向 ， 那 么 这 就 是 一 
个 右手 坐标 系 。 











除了 坐标 轴 朝 向 不 同 之 外 ， 左 手 坐 标 系 和 右手 坐标 系 对 于 正 向 旋转 
的 定义 也 不 同 ， 即 在 初 高 中 物理 中 学 到 的 左手 法 则 〈]leftrhand rule) 
和 右手 法 则 (right-hand rule) 。 假 设 现在 空间 中 有 一 条 直线 ， 还 有 一 
个 点 ， 我 们 希望 把 这 个 点 以 该 直线 为 旋转 轴 旋 转 某 个 角度 ， 比 如 旋转 
30"。 读 者 可 以 拿 一 文笔 当成 这 个 旋转 轴 ， 再 拿 自己 的 手 当成 这 个 需要 
旋转 的 点 ， 可 以 发 现 ， 我 们 有 两 个 旋转 方向 可 以 选择 。 那 么 ， 我 们 应 该 
往 哪个 方向 旋转 呢 ? 这 意味 着 ， 我 们 需要 在 坐标 系 中 定义 一 个 旋转 的 正 
方向 。 在 左手 坐标 系 中 ， 这 个 旋转 正方 向 是 由 左手 法 则 定义 的 ， 而 在 右 
手 坐 标 系 中 则 是 由 右手 法 则 定义 的 。 


在 左手 坐标 系 中 ， 我 们 可 以 这 样 来 应 用 左手 法 则 : 还 是 举 起 你 的 左 
手 ， 握 拳 ， 伸 出 大 拇指 让 它 指 向 旋转 轴 的 正方 向 ， 那 么 旋转 的 正方 向 就 
是 剩 下 4 个 手指 的 弯曲 方向 。 在 右手 坐标 系 中 ， 使 用 右手 法 则 对 旋转 正 
方向 的 判断 类 似 。 如 图 4.9 所 示 。 


从 图 3.9 中 可 以 看 出 ， 在 左手 坐标 系 中 ， 旋 转正 方 同 古 顺 时 针 的 ， 
而 在 右手 坐标 系 中 ， 旋 转正 方 同 是 逆 时 针 的 。 


左右 手 坐 标 系 之 间 是 可 以 进行 互相 转换 的 。 最 简单 的 方法 束 是 把 其 
中 一 个 轴 反 转 ， 并 保持 其 他 两 个 轴 不 变 。 


对 于 开发 者 来 说 ， 使 用 左手 坐标 系 还 是 右手 坐标 系 都 是 可 以 的 ， 它 
们 之 间 并 没有 优 务 之 分 。 无 论 使 用 哪 种 坐标 系 ， 绝 大 多 数 情 况 下 并 不 会 
影 啊 奔 层 的 数学 运算 ， 而 只 是 在 映射 到 视觉 上 时 会 有 差别 ( 见 练 习题 
2) 。 这 是 因为 ， 一 个 点 或 者 旋转 在 空间 内 来 说 是 绝对 的 。 一 些 较真 儿 
读者 可 能 会 看 不 惯 “ 绝 对 ”这 个 词 :“ 你 怎么 能 忽略 相对 论 呢 ? 这 世上 一 
切 都 是 相对 的 ! ”这 些 读者 请 容 我 解释 。 这 里 所 说 的 绝对 是 说 ， 在 我 们 
所 关心 的 最 广阔 的 空间 中 ， 这 些 值 是 绝对 的 。 例 如 我 说 ， 把 你 的 书 从 桌 
子 的 左边 移 到 右边 ， 你 不 会 对 这 个 过 程 产生 什么 疑问 ， 此 时 我 们 关心 的 
整个 空间 就 是 果子 这 个 空间 ， 而 在 这 个 空间 中 ， 书 的 运动 是 绝对 的 。 但 
是 ， 在 数学 的 世界 中 ， 我 们 需要 使 用 一 种 数学 模型 来 精确 地 摘 述 它们 ， 
这 个 模型 就 是 坐标 系 。 一 旦 有 了 坐标 系 ， 每 个 点 的 位 置 就 不 再 是 绝对 
的 ， 而 是 相对 于 这 个 坐标 系 来 说 的 。 这 种 相对 关系 导致 ， 即 便 从 数学 表 
示 上 来 说 两 种 表示 方式 完全 一 样 ， 但 从 视觉 上 来 说 是 不 一 样 的 。 


我 们 可 以 在 奶牛 农场 的 例子 中 体会 左手 坐标 系 和 右手 坐标 系 的 分 
别 。 我 们 假设 ， 妞 妞 想 要 到 一 个 新 的 地 方 ， 因 为 那里 的 草 很 美味 。 妞 妞 
知道 到 达 这 个 目标 点 的 “绝对 路 径 ? 是 怎样 的 ， 如 图 4.10 所 示 。 

















左手 法 则 右手 法 则 


4 图 4.9 用 左手 法 则 和 右手 法 则 来 判断 旋转 正方 向 


向 这 个 方向 
平移 1 个 单位 


再 向 这 个 方向 
“、 、 平 移 4 个 单位 
ww 
SS 


我 现在 在 
这 里 ， 面 朝 , 
省- 入 最 后 向 这 个 


我 想 要 到 这 








和 图 4.10 ”为 了 移动 到 新 的 位 置 ， 妞 妞 需要 首先 向 某 个 方向 平移 1 个 单位 ， 再 向 另 一 个 方向 平移 
4 个 单位 ， 最 后 再 向 一 个 方向 旋转 60° 


我 们 可 以 分 别 在 一 个 左手 坐标 系 和 石 手 坐标 系 中 揪 述 这 样 一 次 运 
动 ， 即 使 用 数学 表达 式 来 描述 它 。 我 们 会 发 现 ， 在 不 同 的 坐标 系 中 描述 
这 样 同一 次 运动 是 不 一 样 的 ， 如 图 4.11 所 示 。 





再 向 二 山 再 + 办 
Nc: SS 





全 图 4.11 左 图 和 右 图 分 别 表 示 了 在 左手 坐标 系 和 右手 坐标 系 中 描述 妞妞 这 次 运动 的 结果 ， 得 











到 的 数学 描述 是 不 同 的 


在 左手 坐标 系 中 ，3 个 坐标 轴 的 旨 癌 如 图 4.11 左 图 所 示 。 妞 妞 首 爷 
加 x 轴 正 方 同 平移 1 个 单位 ， 然 后 再 问 z 轴 负 方 回 移 动 4 个 单位 ， 最 后 朝 
旋转 的 正方 向 旋转 60*。 而 在 右手 坐标 系 中 ，+z 轴 的 方向 和 左手 坐标 系 
中 刚好 相反 ， 因 此 妞妞 首先 向 x 轴 正 方向 平移 1 个 单位 (与 左手 坐标 系 中 
的 移动 一 至)， 然 后 再 向 z 轴 正 方向 移动 4 个 单位 与 堪 手 坐标 系 中 的 移 
人 
小 才 











可 以 看 出 ， 为 了 达到 同样 的 视觉 效果 〈 这 里 指 把 妞妞 移动 到 视觉 上 
的 同一 个 位 置 )， 左 右手 坐标 系 在 z 轴 上 的 移动 以 及 旋转 方向 是 不 同 
的 。 如 果 使 用 相同 的 数学 运算 《〈 指 均 问 z 轴 某 方 同 移动 或 均 阳 旋转 正方 
回旋 转 等 ) ， 那 么 得 到 的 视觉 效 果 束 是 不 一 样 的 。 因 此 ， 如 果 我 们 需要 
从 左手 坐标 系 迁 移 到 右手 坐标 系 ， 并 且 保 持 视 觉 上 的 不 变 ， 就 需要 进行 
一 些 转 换 。 读 者 可 以 参见 本 章 最 后 的 扩展 阅读 部 分 。 


4.2.4 ”Unity 使 用 的 坐标 系 


对 于 一 个 需要 可 视 化 虚拟 的 三 维 世 界 的 应 用 〈 如 Unity) 来 说 ， 它 
的 设计 者 就 要 进行 一 个 选择 。 对 于 模型 空间 和 世界 空间 《〈 在 4.6 节 中 会 
具体 讲解 这 两 个 空间 是 什么 ) ，Unity 使 用 的 是 左手 坐标 系 。 这 可 以 从 
Scene 视图 的 坐标 轴 显 示 看 出 来 ， 如 图 4.12 所 示 。 这 意味 着 ， 在 模型 空间 
中 ， 一 个 物体 的 右 侧 right) 、 上 侧 Cup) 和 前 侧 〈forward) 分 别 对 应 
了 x 轴 、y 轴 和 z 轴 的 正方 向 。 


























A 图 4.12 在 模型 空间 和 世界 空间 中 ，Unity 使 用 的 是 左手 坐标 系 。 图 中 ， 球 的 坐标 轴 显 示 了 它 









































在 模型 空间 中 的 3 个 坐标 轴 (红色 为 x 轴 ， 绿 色 是 y 轴 ， 蓝 色 是 z 轴 ) 


但 对 于 观察 空间 来 说 ，Unity 使 用 的 是 右手 坐标 系 。 观 察 空 间 ， 通 
俗 来 讲 就 是 以 摄像 机 为 原点 的 坐标 系 。 在 这 个 坐标 系 中 ， 摄 像 机 的 前 加 
征 z 轴 的 负 方向 ， 这 与 在 模型 空间 和 世界 空间 中 的 定义 相反 。 也 就 是 
说 ，z 轴 坐 标的 减少 意味 着 场景 深度 的 增加 ， 如 图 4.13 所 示 。 















































A 图 4.13 在 Unity 中 ， 观 察 空间 使 用 的 是 右手 坐标 系 ， 摄 像 机 的 前 向 是 z 轴 的 负 方 向 ，z 轴 越 
小 ， 物 体 的 深度 越 大 ， 离 摄像 机 越 远 


关于 Unity 中 使 用 的 坐标 系 的 旋回 性 ， 我 们 会 在 4.5.9 市 中 详细 地 讲 








解 
4.2.5 ”练习 题 
这 是 本 书 中 第 一 次 出 现 练 习题 的 地 方 ， 希 望 你 可 以 快速 解决 它们 ! 


(1) 在 非常 流行 的 建 模 软件 3ds Max 中 ， 默 认 的 坐标 轴 方 向 是 : x 
轴 正 方 同 指向 右 方 ，y 轴 正 方 同 指向 前 方 ，z 轴 正 方 问 指 癌 上 方 。 那 么 
它 是 左手 坐标 系 还 是 右手 坐标 系 ? 


(2) 在 左手 坐标 系 中 ， 有 一 点 的 坐标 是 (0, 0, 1) ， 如 果 把 该 点 绕 
y 轴 正 方 同 旋转 +90*， 旋 转 后 的 坐标 是 什么 ”如 果 是 在 右手 坐标 系 中 ， 
ein (0, 0,1) ， 把 它 绕 y 轴 正 方向 旋转 +90"， 旋 转 后 的 坐 
未 是 什么 ? 


(3) 在 Unity 中 ， 新 建 的 场景 中 主 摄像 机 的 位 置 位 于 世界 空间 中 的 
(0, 1, -10) 位 置 。 在 不 改变 摄像 机 的 任何 设置 〈 如 保持 Rotation 为 (0, 0， 














0)，Scale 为 《1 1 1) ) 的 情况 下 ， 在 世界 空间 中 的 (0, 1 0) 位 置 新 建 一 
个 球体 ， 如 图 4.14 所 示 。 





A 图 4.14 摄像 机 的 位 置 是 〈0, 1 -10) ， 球 体 的 位 置 是 (0, 1 0) 


在 摄像 机 的 观察 空间 下 ， 该 球体 的 z 值 是 多 少 ? 在 摄像 机 的 模型 空 
间 下 ， 该 球体 的 z 值 又 是 多 少 ? 


4.3 点 和 矢量 


点 〈point) 是 n 维 空间 (游戏 中 主要 使 用 二 维和 三 维 空间 〉 中 的 
一 个 位 置 ， 它 没有 大 小 、 宽 度 这 类 概念 。 在 笛 卡 儿 坐 标 系 中 ， 我 们 可 以 
使 用 2 个 或 3 个 实数 来 表示 一 个 点 的 坐标 ， 如 : P =(P,, P, )， 表 示 二 维 空 
闻 的 点 ，P =(P,, Py ,P, ) 表 示 三 维 空间 中 的 点 。 


矢量 (vector， 也 被 称 为 向 量 ) 的 定义 则 复杂 一 些 。 在 数学 家 看 
来 ， 矢 量 束 是 一 串 数 字 。 你 可 能 要 问 了 ， 点 的 表达 式 不 也 是 一 串 数 字 
吗 ? 没 错 ， 但 矢量 存在 的 意义 更 多 是 为 了 和 标量 (scalar) 区 分 开 来 。 
通常 来 讲 ， 矢 量 是 指 n 维 空间 中 一 种 包 售 了 模 (magnitude) 和 方 问 
Cdirection ) 的 有 问 线段 ， es (velocity)〉 束 是 一 种 
典型 的 矢量 。 例 如 ， 这 辆 车 的 速度 是 加 十 80km/h〈 同 十 指明 了 矢量 的 方 
问 ，80kmAm 指 明了 矢量 的 模 ) 。 i 本 “有 模 没 有 方 同 ， 和 生活 中 常常 说 
到 的 距离 (distance) 就 是 一 种 标量 。 例如 ， 我 家 离 学 校 只 有 200 米 
(200 米 就 是 一 个 标量 〉。 


具体 来 讲 。 
。 en 一 个 矢量 的 长 度 可 以 是 任意 的 非 
。 和 大量 的 方 同 则 描述 了 这 个 矢量 在 空间 中 的 指 癌 。 


矢量 的 表示 方法 和 点 类 似 。 我 们 可 以 使 用 v=(x ,y ) 来 表示 二 维和 
量 ， 用 v =(x ,y ,z ) 来 表示 三 维和 拓 量 ， 用 Vv =(x ,y,z ,w ) 来 表示 四 维 矢 量 。 


为 了 方便 前 述 ， 我 们 对 不 同类 型 的 变量 在 书写 和 印刷 上 使 用 不 同 的 


样式 : 
。 对 于 标量 ， 我 们 使 用 小 写字 母 来 表示 ,如 a, b, x,，y,，z,，0,a 
。 0 我 们 使 用 小 写 的 粗 体 字母 来 表示 ， 如 a ，b ，u ，Yv 等 ; 
。 对 于 后 面 要 要 条 习 的 尖 阵 ， 我 们 使 用 大 写 的 粗 体 字 母 来 表示 ， 如 A 
，B，S，M，R 等 。 


在 图 4.15 中 ， 一 个 矢量 通常 由 一 个 稍 头 来 表示 。 我 们 有 时 会 讲 到 一 





























个 矢量 的 头 〈head) 和 尾 (tail) 。 人 矢量 的 头 指 的 是 它 的 箭头 所 在 的 前 
把 处 ， 而 尾 指 的 是 妨 一 个 端点 处 ， 如 图 4.15 所 示 。 


那么 一 个 矢量 要 放 在 哪里 呢 ? 从 矢量 的 定义 来 看 ， 它 只 有 模 和 方 同 
两 个 属性 ， 并 没有 位 置信 息 。 这 上 听 起 来 很 难 理解 ， 但 实际 上 在 生活 中 我 
们 总 是 会 和 这 样 的 矢量 打交道 。 例 如 ， 当 我 们 讲 到 一 个 物体 的 速度 时 ， 
可 能 会 这 样 说 “那个 小 偷 正 在 以 100kmAm 的 速度 向 南 逃 密 ”( 快 抓 住 
他 ! ) ， 这 里 的 “以 100kmAm 的 速度 同 南 ”就 可 以 使 用 一 个 矢量 来 表示 。 
通常 ， 矢 量 被 用 于 表示 相对 于 某 个 点 的 偏 移 〈displacement) ， 也 就 是 
说 它 是 一 个 相对 量 。 只 要 矢量 的 模 和 方 同 保持 不 变 ， 无 论 放 在 哪里 ， 都 


是 同一 个 矢量 。 
4.3.1 点 和 矢量 的 区 别 


回顾 一 下 ， 点 是 一 个 没有 大 小 之 分 的 空间 中 的 位 置 ， 而 矢量 是 一 个 
有 模 和 方 问 但 没有 位 置 的 量 。 从 这 里 看 ， 点 和 矢量 具有 不 同 的 意义 。 但 
征 ， 从 表示 方式 上 两 者 非常 相似 。 


在 上 一 市 中 我 们 提 到 ， 矢 量 通常 用 于 描述 偏 移 量 ， 因 此 ， 它 们 可 以 
用 于 描述 相对 位 置 ， 即 相对 于 另 一 个 点 的 位 置 ， 此 时 矢量 的 尾 是 一 个 位 
置 ， 那 么 天 量 的 涉 束 可 以 表示 男 一 个 位 置 了 。 而 一 个 后 可 以 用 于 指定 空 
间 中 的 一 个 位 置 〈 即 相对 于 原点 的 位 置 ) 。 如 果 我 们 把 矢量 的 尾 固 定 在 
坐标 系 原点 ， 那 么 这 个 矢量 的 表示 就 和 点 的 表示 重合 了。 图 4.16 表 示 了 了 
两 者 之 间 的 关系 。 
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A 图 4.15 ”一 个 二 维 向 量 以 及 它 的 头 和 尾 





一 个 点 (xX, 吃 





4 图 4.16 ”点 和 矢量 之 间 的 关系 


尽管 上 面 的 内 容 看 起 来 显而易见 ， 但 区 分 点 和 矢量 之 间 的 不 同 是 非 
常 重要 的 ， 尽 管 它们 在 数学 表达 式 上 是 一 样 的 ， 都 是 一 串 数字 而 已 。 如 
果 一 定 要 给 它们 之 间 建 立 一 个 联系 的 话 ， 我 们 可 以 认为 ， 任 何 一 个 点 都 
可 以 表示 成 一 个 从 原点 出 发 的 矢量 。 为 了 明确 点 和 矢量 的 区 别 ， 在 本 书 
后 面 的 内 容 中 ， 我 们 将 用 于 表示 方 辐 的 矢量 称 为 方向 矢量 。 














4.3.2 ”矢量 运算 


在 下 面 的 内 容 里 ， 我 们 将 给 出 一 些 最 第 见 的 矢量 运算 。 地 运 的 是 ， 
这 些 运算 大 的 很 好 理解 。 对 于 每 种 运算 ， 我 们 会 先 给 出 数学 上 的 描述 ， 
然后 再 给 出 几何 音义 上 的 解释 。 同 样 ， 为 了 让 读者 加 深 印 象 ， 我 们 会 在 
最 后 给 出 一 些 练习 题 。 相 信 读 完 本 市 后 ， 你 一 定 可 以 快速 地 解决 它们 ! 


1. 矢量 和 标量 乘法 /除法 


还 记得 吗 ? 标量 是 只 有 模 没 有 方 癌 的 量 ， 虽 然 我 们 不 能 把 天 量 和 标 
量 进行 相 加 / 相 减 的 运算 (想象 一 下 ， 你 会 把 速度 和 距离 相 加 吗 ) ， 但 
可 以 对 它们 进行 乘法 运算 ， 结 果 会 得 到 一 个 不 同 长 度 且 可 能 方向 相反 的 
新 的 矢量 。 














公式 非 癌 简单 ， 我 们 只 需要 把 天 量 的 每 个 分 量 和 标量 相 乘 即 可 : 
kv =(kv ,kv, , kv;, ) 


类 似 的 ， 一 个 天 量 也 可 以 被 一 个 非 零 的 标量 除 。 这 等 同 于 和 这 个 标 
量 的 倒数 相 乘 : 





U (TIT.Y.2) je TY Zz 
er = —{Zz,Yy,z) = (于 一) ,大 天 0 
大 大 大 


下 面 给 出 一 些 例子 : 
2(1,2,3)=(2,4,6) 
-3.5(2, 0)=(-7, 0) 
(1,23) 


- 一 (0.5,1,1.5) 
) 





一 


注意 ， 对 于 乘法 来 说 ， 天 量 和 标量 的 位 置 可 以 互 换 。 但 对 于 除法 ， 
只 能 是 和 天 量 说 标量 除 ， 而 不 能 是 标量 被 矢量 除 ， 这 是 没有 意义 的 。 

从 几何 意义 上 看 ， 把 一 个 矢量 v 和 一 个 标量 k 相 乘 ， 意 味 着 对 矢量 v 
进行 一 个 大 小 为 | k | 的 缩放 。 例 如 ， 如 果 想 要 把 一 个 天 量 放大 两 僧 ， 
就 可 以 乘 以 2。 当 Kk <0 时 ， 矢 量 的 方 同 也 会 取 反 。 图 4.17 显 示 了 这 样 的 一 
些 例子 。 

2. 矢量 的 加 法 和 减法 


我 们 可 以 对 两 个 矢量 进行 相 加 或 相 减 ， 其 结果 是 一 个 相同 维度 的 新 
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tn 





我 们 只 需要 把 两 个 矢量 的 对 应 分 量 进行 相 加 或 相 减 即 可 。 公 式 如 
下 : 


a +b =(a +Dx ,ay +b,, a +b, ) 


a-b =(ax -by ,ay -by , a; -pz ) 


下 面 是 一 些 例子 : 
(1,2,3)+(4,5,6)=(5,7,9) 
(5,2,7) — (3,8,4)=(2, —6,3) 
要 注意 的 是 ， 一 个 矢量 不 可 以 和 一 个 标量 相 加 或 相 减 ， 或 者 是 和 

不 同 维度 的 矢量 进行 运算 。 

从 几何 意义 上 来 看 ， 对 于 加 法 ， 我 们 可 以 把 矢量 a 的 头 连 接 到 矢量 
b 的 尾 ， 然 后 男 一 条 从 a 的 尾 到 b 的 头 的 矢量 ， 来 得 到 a 和 b 相 加 后 的 矢 
量 。 也 就 是 说 ， 如 果 我 们 从 一 个 起 点 开始 进行 了 一 个 位 置 偏 移 a ， 然 后 
又 进行 一 个 位 置 偏 移 b ， 那 么 就 等 同 于 进行 了 一 个 a +b 的 位 置 偏 移 。 这 
被 称 为 矢量 加 法 的 三 角形 定 则 (triangle rule) 。 矢 量 的 减法 是 类 似 


的 。 如 图 4.18 所 示 。 


所 2 
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A 图 4.17 二 维和 撩 量 和 一 些 标量 的 乘法 和 除法 





a+b 





A 图 4.18 二 维和 天 量 的 加 法 和 减法 


读者 需要 时 刻 谨 记 ， 在 图 形 学 中 矢量 通常 用 于 描述 位 置 偏 移 〈 人 简称 
人 
点 的 位 移 。 


假设 ， 空 间 内 有 两 点 a 和 b 。 还 记得 吗 ， 我 们 可 以 用 矢量 a 和 b 来 表 
示 它 们 相对 于 原点 的 位 移 。 如 果 我 们 想 要 计算 点 b 相对 于 点 a 的 位 移 ， 
就 可 以 通过 把 b 和 a 相 减 得 到 ， 如 图 4.19 所 示 。 


3. 矢量 的 模 

正如 我 们 之 前 讲 到 的 一 样 ， 矢 量 是 有 模 和 方 辐 的 。 矢 量 的 模 是 一 个 
标量 ， 可 以 理解 为 是 矢量 在 空间 中 的 长 度 。 它 的 表示 符号 通常 是 在 矢量 
两 旁 分 别 加 上 一 条 垂直 线 (有 的 文献 中 会 使 用 两 条 牌 和 直线 ) 。 三 维 矢量 
的 模 的 计算 公式 如 下 : 




















,Ws, 
/Uz ey U: 


|v |=\ 


其 他 维度 的 天 量 的 模 计 算 类 似 ， 都 是 对 每 个 分 量 的 平方 相 加 后 再 开 
根 号 得 到 。 








下 面 给 出 一 些 例 子 : 
| (1,2,3) | =V1? + 22+32= Vi+4+9= V142 3.742 


| (3,4) | =vV37 + = V9+16= V25=5 


我 们 可 以 从 几何 意义 来 理解 上 述 公 式 。 对 于 二 维 矢量 来 说 ， 我 们 可 
以 对 任意 矢量 构建 一 个 三 角形 ， 如 图 4.20 所 示 。 








A 图 4.20 矢量 的 模 


从 图 4.20 可 以 看 出 ， 对 于 二 维和 天 量 ， 其 实 就 是 使 用 了 人 勾 股 定理 ， 矢 
量 的 两 个 分 量 的 绝对 值 对 应 了 三 角形 两 个 直角 边 的 长 度 ， 而 斜 边 的 长 度 
就 是 天 量 的 模 。 


4. 单位 矢量 


在 很 多 情况 下 ， 我 们 只 关心 矢量 的 方向 而 不 是 模 。 例 如 ， 在 计算 光 
照 模 型 时 ， 我 们 往往 需要 得 到 顶点 的 法 线 方 辐 和 光源 方 辐 ， 此 时 我 们 不 
关心 这 些 天 量 有 多 长 。 在 这 些 情况 下 ， 我 们 就 需要 计算 单位 矢量 (unit 


Vector ) 。 


单位 矢量 指 的 是 那些 模 为 1 的 矢量 。 单 位 矢量 也 被 称 为 被 归 一 化 的 
矢量 (normalized vector) 。 对 任何 给 定 的 非 零 矢 量 ， 把 它 转 换 成 单位 
矢量 的 过 程 就 被 称 为 归 一 化 (normalization) 。 


给 定 任意 非 零 撩 量 v， 我 们 可 以 计算 和 v 方向 相同 的 单位 矢量 。 在 
本 书 中 ， 我 们 通过 在 一 个 矢量 的 头 上 添加 一 个 戴 帽 符号 来 表示 单位 矢 
量 ， 例 如 。 为 了 对 矢量 进行 归 一 化 ， 我 们 可 以 用 矢量 的 模 除 以 该 矢量 来 
得 到 。 公 式 如 下 : 























下 面 给 出 一 些 例 子 : 


(3,—4) 由 (3,—4) _ (3, _ (3 mw 3 ee 


, a (0.6,—0.8) 
[3,—4)| V3+(-4) V25 5 














零 矢 量 〈 即 矢量 的 每 个 分 量 值 都 为 0， 如 v =(0,0,0)) 是 不 可 以 被 归 
一 化 的 。 这 是 因为 做 除法 运算 时 分 母 不 能 为 0。 


从 几何 意义 上 看 ， 对 二 维 空间 来 说 ， 我 们 可 以 画 一 个 单位 圆 ， 那 么 
单位 矢量 就 可 以 是 从 圆心 出 发 、 到 圆 边 界 的 矢量 。 在 三 维 空间 中 ， 单 位 
矢量 就 是 从 一 个 单位 球 的 球 心 出 发 、 到 达 球面 的 矢量 。 图 4.21 给 出 了 二 
维 空间 内 的 一 些 单位 矢量 。 














一 光一 
A 图 4.21 维 空 间 的 单位 矢量 都 会 落 在 单位 圆 上 


需要 注意 的 是 ， 在 后 面 的 章节 中 我 们 将 会 不 断 遇 到 法 线 方 向 〈 也 被 
称 为 法 天 量 ) 、 光 源 方 同 等 ， 这 些 矢量 不 一 定 是 归 一 化 后 的 矢量 。 由 于 
我 们 的 计算 往往 要 求 矢 量 是 单位 矢量 ， 因 此 在 使 用 前 应 先 对 这 些 矢 量 进 
行 归 一 化 运算 。 


5. 矢量 的 点 积 


矢量 之 间 也 可 以 进行 乘法 ， 但 是 和 标量 之 间 的 乘法 有 很 大 不 同 。 矢 
量 的 乘法 有 两 种 最 常用 的 种 类 : 点 积 (dot product， 也 被 称 为 内 积 ， 
inner product) 和 又 积 (cross product， 也 被 称 为 外 积 ，outer 
product) 。 在 本 市 中 ， 我 们 将 讨论 第 一 种 类 型 .点 积 。 


读者 可 能 认为 上 面 儿 节 的 内 容 痢 很 简 蛙 ，“ 这 些 都 显而易见 啤 ”。 那 
么 从 这 一 节 开 始 ， 我 们 就 会 过 到 一 些 真 正 需 要 花费 力气 〈( 真 的 只 要 一 点 
扩 ) 去 记忆 的 公式 。 幸 运 的 是 ， 绝 大 多 数 公式 是 有 几何 意义 的 ， 也 就 是 
说 ， 我 们 可 以 通过 画图 的 方式 来 理解 和 帮助 记忆 。 


比 仅 仅 记 住 这 些 公式 更 加 重要 的 是 ， 我 们 要 真正 理解 它们 是 做 什么 
的 。 只 有 这 样 ， 我 们 才能 在 需要 时 想起 来 ,，“ 噢 ， 这 个 需求 我 可 以 用 这 




































































个 公式 来 实现 ! ”在 我 们 编写 Shader 的 过 程 中 ， 通 常 程序 接口 都 会 提供 
这 些 公式 的 实现 ， 因 此 我 们 往往 不 需要 手工 输入 这 些 公 式 。 例 如 ， 在 
Unity Shader 中 ， 我 们 可 以 直接 使 用 形 如 dot(a, b) 的 代码 来 对 两 个 矢量 值 
进行 点 积 的 运算 。 


点 积 的 名 称 来 源 于 这 个 运算 的 符号 : ab 。 中 间 的 这 个 圆 点 符号 是 
不 可 以 省 略 的 。 点 积 的 公式 有 两 种 形式 ， 我 们 先 来 看 第 一 种 。 两 个 三 维 
天 量 的 扣 积 是 把 两 个 天 量 对 应 分 量 相 滋 后 再 取 和 ， 最 后 的 结果 是 一 个 标 
量 。 








公关 
apD =(ax ,ay, qz ) (by , by, b;)= ax px+ay by +a,b, 
下 面 是 一 些 例子 : 
(1,2,3) *(0.5,4,2.5)=0.5+8+7.5=16 
(-3,4,0):(5, -1,7)= -15+-4+0=-19 
天 量 的 点 积 满足 交换 律 ， 即 a :b =b a 


点 积 的 几何 意义 很 重要 ， 因 为 点 积 几 乎 应 用 到 了 图 形 学 的 各 个 方 
面 。 其 中 一 个 几何 意义 就 是 投影 (projection) 。 


假设 ， 有 一 个 单位 矢量 和 为 一 个 长 度 不 限 的 矢量 b 。 现 在 ， 我 们 希 
望 得 到 b 在 平行 于 的 一 条 直线 上 的 投影 。 那 么 ， 我 们 融 可 以 使 用 点 积 'b 
来 得 到 b 在 方向 上 的 有 符号 的 投影 。 


那么 ， 投 影 到 撒 是 什么 意思 呢 ? 这 里 给 出 一 个 通俗 的 解释 。 我 们 可 
以 认为 ， 现 在 有 一 个 光源 ， 它 发 出 的 光线 是 垂直 于 方 癌 的 ， 那 么 b 在 方 
问 上 的 投影 就 是 b 在 方 同 上 的 影子 ， 如 图 4.22 所 示 。 


需要 注意 的 是 ， 投 影 的 值 可 能 是 负数 。 投 影 结 果 的 正 负 号 与 和 b 的 
方向 有 关 : 当 它 们 的 方向 相反 (来 角 大 于 90°*〉 时 ， 结 果 小 于 0; 当 它 们 
的 方向 互相 垂直 〈 夹 角 为 90*) 时 ， 结 果 等 于 0; 当 它 们 的 方向 相同 ( 夹 
角 小 于 90°*) 时 ， 结 果 大 于 0。 图 4.23 给 出 了 这 3 种 情况 的 图 示 。 





























图 4.22 ”矢量 b 在 单位 矢量 a 方 向 上 的 投影 
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A 图 4.23 点 积 的 符号 
也 束 是 说 ， 点 积 的 符号 可 以 让 我 们 知道 两 个 矢量 的 方向 关系 。 
那么 ， 如 果 人 不 是 一 个 单位 矢量 会 如 何 呢 ? 这 很 容易 想到 ， 任 何 两 


个 天 量 的 点 积 ab 等 同 于 b 在 a 方向 上 的 投影 值 ， 再 乘 以 a 的 长 度 。 


点 积 具 有 一 些 很 重要 的 性 质 ， 在 Shader 的 计算 中 ， 我 们 会 经 常 利用 
这 些 性 质 来 帮助 计算 。 


性 质 一 : 点 积 可 结合 标量 乘法 。 


上 面 的 “结合 ”是 说 ， 点 积 的 操作 数 之 一 可 以 是 男 一 个 运算 的 结果 ， 
即 矢 量 和 标量 相 乘 的 结果 。 公 式 如 下 : 


(ka)b=a-:(kb)=k(ab) 


也 就 是 说 ， 对 点 积 中 其 中 一 个 天 量 进行 缩放 的 结果 ， 相 当 于 对 最 后 
的 点 积 结果 进行 缩放 。 


性 质 二 : 点 积 可 结合 矢量 加 法 和 减法 ， 和 性 质 一 类 似 。 


这 里 的 “结合 ” 指 的 是 ， 扣 积 的 操作 数 可 以 是 矢量 相 加 或 相 减 后 的 结 
朵 。 用 公式 表达 就 是 : 











a(b+c)=-abta:c 
把 上 面 的 c 换 成 -c 就 可 以 得 到 减法 的 版 本 。 
性 质 三 : 一 个 矢量 和 本 丑 进行 点 积 的 结果 ， 是 该 矢量 的 模 的 平方 。 
这 点 可 以 很 容易 从 公式 验证 得 到 : 








VV=ww+Ww+ww=ly1: 

这 意味 着 ， 我 们 可 以 直接 利用 点 积 来 求 天 量 的 模 ， 而 不 需要 使 用 模 
的 计算 公式 。 当 然 ， 我 们 需要 对 点 积 结果 进行 开平 方 的 操作 来 得 到 真正 
的 模 。 但 很 多 情况 下 ， 我 们 只 是 想 要 比较 两 个 矢量 的 长 度 大 小 ， 因 此 可 
以 直接 使 用 点 积 的 结果 。 毕 竞 ， 开 平方 的 运算 需要 消耗 一 定性 能 。 


现在 是 时 候 来 看 点 积 的 另 一 种 表示 方法 了 了。 这 种 方法 是 从 三 角 代 数 
的 角度 出 发 的 ， 这 种 表示 方法 更 加 具有 几何 意义 ， 因 为 它 可 以 明确 地 强 
调 出 两 个 天 量 之 间 的 角度 。 





























我 们 先 直 接 给 出 第 二 个 公式 。 
人 二 
a'b=|la| |b |cos0 


初 看 之 下 ， 似 乎 和 公式 一 没有 什么 联系 ， 怎 么 会 相等 呢 ? 我 们 先 来 
I 假设 ， 我 们 对 两 个 单位 矢量 进行 点 积 ， 即 #4 .5 ， 如 图 
4.24 所 示 


到 了 产生 魔法 的 时 间 了 ! 我 们 知道 5 的 模 为 1， 且 读者 应 该 记得 
5 。 我 们 可 以 发 现 ， 图 中 2 …b 的 结果 刚好 就 是 cos6 对 应 的 直角 边 。 


因此 ， 由 图 424 可 以 得 到 ， 
入 入 直角 边 
ab = 一 一 一 =COSO 


余 边 











A 图 4.24 两 个 单位 矢量 进行 点 积 
这 也 就 是 说 ， 两 个 单位 矢量 的 点 积 等 于 它们 之 间 夹 角 的 余弦 值 。 再 


应 用 性 质 一 就 可 以 得 到 公式 二 了 : 
a'b=(|alz)(CIblp)=lal1lpblGCGo)=la|l1blcosg 
也 就 是 说 ， 两 个 矢量 的 点 积 可 以 表示 为 两 个 天 量 的 模 相 乘 ， 再 乘 以 

它们 之 间 夹 角 的 余弦 值 。 从 这 个 公式 也 可 以 看 出 ， 为 什么 计算 投影 时 两 


个 矢量 的 方 同 不 同 会 得 到 不 同 符 号 的 投影 值 ， 当 夹 角 小 于 90°? 时 ，cos0 
>0; 当 夹 角 等 于 90°? 时 ，cos0 =0; 当 夹 角 大 于 90°* 时 ，cos0 <0。 


利用 这 个 公式 我 们 还 可 以 求 得 两 个 辐 量 之 间 的 夹 角 (在 0°~ 
180°) : 











0 =arcos(&# .5 )， 假 设 & 和 ?2 是 单位 矢量 。 
其 中 ，arcos 是 反 余弦 操作 。 
6. 矢量 的 又 积 
另 一 个 重要 的 矢量 运算 就 是 又 积 (cross product) ， 也 被 称 为 外 黎 
Couter product) 。 与 点 积 不 同 的 是 ， 矢 量 又 积 的 结果 仍 是 一 个 矢 
量 ， 而 非 标量 。 


和 点 积 类 似 ， 又 积 的 名 称 来 源 于 它 的 符号 : a xb 。 同 样 ， 这 个 又 号 
也 是 不 可 省 略 的 。 两 个 矢量 的 叉 积 可 以 用 如 下 公式 计算 : 











a xb =(a, 3 dy 3 ad, )x(b, 3 by 3 b, )=(ay b, dy by 9 dy b, 一 Qx b, 3 dy by dy b, ) 


上 上 面 的 公式 看 起 来 很 复杂 ， 但 其 实 是 有 一 定 规 律 的 。 图 4.25 给 出 了 
这 样 的 规律 图 示 。 




















和 图 4.25 ”三维 矢量 又 积 的 计算 规律 。 人 ) 量 的 
计算 路 径 。 以 红色 为 例 ， 即 结果 矢量 的 第 是 从 第 个 天 量 的 y 5 分 量 出 发 乘 以 第 二 
个 矢量 的 z 分 量 个 和 六 的 7 分 ) 量 量 和 第 二 矢量 的 y 分 量 的 乘积 


例如 : 
(12,3)x(-2, -1,4)=((2)(4) = (3)(-1),(3)(-2) -= (1)(4),(1)(-1)-(2)(-2)) 
=(8-(-3),(-6)-4,(-1)-(-4))=(11,-10,3) 
要 注意 的 是 ， 又 积 不 满足 交换 律 ， 即 a xbzbxa 。 实 际 上 ， 又 积 

是 满足 反 交 换 律 的 ， 即 a xb =-(b xa )。 而 且 叉 积 也 不 满足 结合 律 ， Bh (a 
xb ) xc za x(b xc )。 

从 又 积 的 几何 意义 出 发 ， 我 们 可 以 更 加 深入 地 理解 它 的 用 处 。 对 两 
个 矢量 进行 又 积 的 结果 会 得 到 一 个 同时 垂直 于 这 两 个 矢量 的 新 矢量 。 我 
们 已 经 知道 ， 矢 量 是 由 一 个 模 和 方向 来 定义 的 ， 那 么 这 个 新 的 矢量 的 模 
和 方向 是 什么 呢 ? 


我 们 先 来 看 它 的 模 。a xb 的 长 上 度 等 于 a 和 b 的 模 的 乘积 再 乘 以 它们 
之 间 夹 角 的 正弦 值 。 公 式 如 下 : 
laxb |=|lal| |b |sing 
读者 可 能 已 经 发 现 ， 上 述 公 式 和 点 积 的 计算 公式 很 类 似 ， 不 同 的 
是 ， 这 里 使 用 的 是 正弦 值 。 如 果 读 者 对 中 学 数学 还 有 记忆 的 话 ， es 


会 太 现 ， 这 和 平行 四 边 形 的 面积 计算 公式 是 一 样 的 。 如 果 你 起 记 了 ， 
关系 ， 我 们 在 这 里 回忆 一 下 。 


如 图 4.26 所 示 ， 我 们 使 用 a 和 b 构建 一 个 平行 四 边 形 。 


我 们 知道 ， 平 行 四 边 形 的 面积 可 以 使 用 | b | 六 来 得 到 ， 即 底 乘 以 
。 而 h 叉 可 以 使 用 | a | 和 夹 角 9 来 得 到 ， 即 


A=|lblh=|lbl|l(la |sinn)=lal|l lb |sin0=|axb | 
























































到 





你 可 能 会 问 ， 如 果 a 和 b 平行 (可 以 是 方向 完全 相同 ， 也 可 以 是 完 
全 相反 ) 怎么 从， 不 就 不 能 构建 平行 四 边 形 了 吗 ? 我 们 可 以 认为 构建 出 
来 的 平行 四 边 形 面积 为 0， 那 么 a xb =0 。 注 意 ， 这 里 得 到 的 是 零 向 量 ， 


而 不 是 标量 0。 


下 面 ， 我 们 来 看 结果 矢量 的 方向 。 你 可 能 会 说 :“ 方 向 ?不 是 已 经 
说 了 方 回 了 嘛 ， 束 是 和 两 个 矢量 都 牌 直 束 可 以 了 啊 。” 但 是 ， 如 果 你 仔 
细 想 一 下 就 会 及 现 ， 实 际 上 我 们 有 两 个 方 癌 可 以 选择 ， 这 两 个 方 同 都 和 
这 两 个 天 量 垂直 。 那 么 ， 我 们 要 选择 哪个 方 网 呢 ? 


0 0 
4.27 所 不 。 





b 


4 图 4.26 ”使 用 矢量 a 和 矢量 b 构建 一 个 平行 四 边 形 





右手 坐标 系 : ax b 





左手 坐标 系 : axb 





4 图 4.27 分别 使 用 左手 坐标 系 和 右手 坐标 系 得 到 的 又 积 结 


这 个 结果 是 怎么 得 到 的 呢 ? 来 ， 举 起 你 的 双手 ! 哦 ， 不 .…... 先 举 起 
你 的 右手 。 在 右手 坐标 系 中 ，a xb 的 方 癌 将 使 用 右手 法 则 来 判断 。 我 们 
先 想象 把 手心 放 在 了 a 和 b 的 尾部 交点 处 ， 然 后 张 开 你 的 手掌 让 手掌 方 
问 和 a 的 方 癌 重合 ， 再 弯曲 你 的 四 指 让 它们 辐 b 的 方 癌 靠拢 ， 最 后 伸 出 
你 的 大 拇指 ! 大 拇指 指 同 的 方 同 束 是 右手 坐标 系 中 a xb 的 方向 了 。 如 果 
你 实在 不 明白 怎么 摆 放 和 扭 动 你 的 手 ， 那 么 就 看 图 4.28 好 了 。 




















右手 坐标 系 : axb 





手掌 的 弯曲 方向 
和 该 方向 一 样 





A 图 4.28 ”使 用 右手 法 则 判断 右手 坐标 系 中 a xb 的 方向 


同 理 ， 我 们 可 以 使 用 左手 法 则 来 判断 左手 坐标 系 中 a xb 的 方向 。 赶 
紧 举 起 你 的 左手 试 试 吧 《〈 你 可 能 会 发 现 这 个 姿势 比较 扭曲 ) ! 


需要 注意 的 是 ， 虽 然 看 起 来 左右 手 坐标 系 的 选择 会 影响 又 积 的 结 
果 ， 但 这 仅仅 是 “看 起 来 "而 已 。 从 又 积 的 数学 表达 式 可 以 发 现 ， 使 用 左 
手 坐 标 系 还 是 右手 坐标 系 不 会 对 计算 结果 产生 任何 影响 ， 它 影响 的 只 是 
数字 在 三 维 空间 中 的 视觉 化 表现 而 已 。 当 从 右手 坐标 系 转换 为 左手 坐标 
系 时 ， 所 有 扣 和 矢量 的 表达 和 计算 方式 都 会 保持 不 变 ， 只 是 当 呈 现 到 屏 
幕 上 时 ， 我 们 可 能 会 有 发现 , “ 喷 ， 怎 么 图 像 反 过 来 了 ! ”。 当 我 们 想 要 两 
个 坐标 系 达 到 同样 的 视觉 效果 时 ， 可 能 束 需 要 改变 一 些 数学 运算 公式 ， 
这 不 在 本 书 的 范畴 内 。 有 兴趣 的 读者 可 以 参考 本 章 的 扩展 阅读 部 分 。 

















那么 ， 又 积 到 底 有 什么 用 呢 ? 最 常见 的 一 个 应 用 就 是 计算 垂直 于 一 
个 平面 、 三 角形 的 矢量 。 男 外 ， 还 可 以 用 于 判断 三 角 面 片 的 朝 回 。 读 者 
可 以 在 本 节 的 练习 题 中 找到 这 些 应 用 。 

4.3.3 ”练习 题 


又 到 了 做 练习 的 时 候 了 ， 大 家 是 不 是 都 很 激动 ! 那么 ， 赶 紧 拿 起 
笔 、 拿 起 纸 开 始 吧 ! 


1. 是 非 题 


(1) 一 个 矢量 的 大 小 不 重要 ， 我 们 只 需要 在 正确 的 位 置 把 它 夯 出 
来 就 可 以 了 。 


(2) 点 可 以 认为 是 位 置 天 量 ， 这 是 通过 把 天 量 的 尾 固定 在 原点 得 
到 的 。 














(3) 选择 左手 坐标 系 还 是 右手 坐标 系 很 重要 ， 因 为 这 会 影响 又 积 
的 计算 。 


2. 计算 下 面 的 矢量 运算 : 
(1) | (2,7,3) | 
(2) 2.5(5,4,10) 


(3.4) 
(3) 2 





(4) 对 (5,12) 进 行 归 一 化 
65) (1,1,1) 进 行 归 一 化 
(6) (7,4)+(3,5) 

(7) (9,4,13)-(15,3,11) 


3. 假设 ,场景 中 有 一 个 光源 ， 位 置 在 (10,13,11) 处 ， 还 有 一 个 点 
(2,1,1)， 那 么 光源 距离 该 点 的 距离 是 的 少 ? 


4. 计算 下 面 的 矢量 运算 : 
(1) (4,7):(3,9) 

(2) (2,5,6).(3,12)-10 
(3) 0.5(-3,4):(-2,5) 
(4) (3,-1 2)x(-5,4,1) 
(5) (-5,4,1)x(3,-1,2) 


5. 已 知 矢 量 a 和 矢量 b ，a 的 模 为 4，b 的 模 为 6， 它 们 之 间 的 夹 角 
为 60"。 计 算 : 


(1) ab 


/， 本 1 
之 0.8066 "ns 
i cos60 a 


|< 


_ sin60" 一 到 
(2) |axb | 提示: =05 。 


6. 假设 ， 场 景 中 有 一 个 NPC， 它 位 于 点 p 处 ， 它 的 前 方 
(forward) 可 以 使 用 矢量 v 来 表示 。 


(1) 如 果 现 在 玩家 运动 到 了 点 x 处 ， 那 么 如 何 判 断 玩 家 是 在 NPC 的 
前 方 还 是 后 方 ? 请 使 用 数学 公式 来 描述 你 的 答案 。 提 示 : 使 用 点 积 。 


(2) 使 用 你 在 a 中 提 到 的 方法 ， 代 入 p =(4,2),v =(-3,4),x =(10,6) 来 验 
证 你 的 答案 。 


(3) 现在， 游戏 有 了 新 的 需求 : NPC 只 能 观察 到 有 限 的 视角 范 
围 ， 这 个 视角 的 角度 是 g ， 也 就 是 说 NPC 最 多 只 能 看 到 它 前 方 左 侧 或 右 


侧 2 角度 内 的 物体 。 那么 ， 我 们 如 何 通过 点 积 来 判断 NPC 是 否 可 以 看 到 
后 X 呢 ? 


(4) 在 c 的 条 件 基 础 上 ， 策 划 双 有 了 新 的 需求 : NPC 的 观察 距离 也 
有 了 限制 ， 它 只 能 看 到 固定 距离 内 的 对 象 ， 现 在 又 如 何 判 断 呢 ? 


7. 在 泻 染 中 我 们 时 常会 需要 判断 一 个 三 角 面 片 是 正面 还 是 背面 ， 

















这 可 以 通过 判断 三 角形 的 3 个 顶点 在 当前 空间 中 是 顺 时 针 还 是 逆 时 针 排 
列 来 得 到 。 给 定 三 角形 的 3 个 顶点 p 1 、p 2， 和 p 3 ， 如 何 利 用 又 积 来 判断 
3 个 点 的 顺序 是 顺 时 针 还 是 逆 时 针 ? 假设 我 们 使 用 的 是 左手 坐标 系 ， 且 p 
1、Pp2 和 p 3 都 位 于 xy 平面 《 即 它们 的 z 分 量 均 为 0) ， 人 眼 位 于 z 轴 的 负 


方 同上 ， 疝 z 轴 正 方向 观察 ， 如 图 4.29 所 示 。 























全 图 4.29 三 角形 的 三 个 顶点 位 于 xy 平面 上 ， 人 有 眼 位 于 z 加 











E 方 向 观察 





负 方 向 ， 向 z 轴 了 


4.4 ”和 矩阵 


不 地 的 是 ， 没 有 人 能 告诉 你 母体 (matrix) 究竟 是 什么 。 你 需要 自己 去 


一 一 电影 《黑客 帝国 》 (英文 名 : The Matrix) 


矩阵 ， 英文 名 是 matrix。 如 果 你 用 翻译 软件 去 查 matrix 这 个 单词 的 
翻译 ， 就 会 发 现 它 还 有 一 个 意 思 就 是 母体 。 事 实 上， 很 多 人 都 不 知道 
那 部 具有 路 时 代 意 义 的 电影 《黑客 帝国 》 的 英文 名 束 是 《The 
Matrix》。 在 电影 (黑客 闪 国 ) 中 ， 母体 是 一 个 庞大 的 虚拟 系统 ， 它 看 
似 虚 无 绿 池 ， 但 又 连 车 接 万 物 。 这 一 点 和 和 矩阵 有 异曲同工 之 妙 。 


没有 人 n 敢 否认 矩阵 在 三 维 数学 中 的 重要 性 ， 事 实 上 和 窍 阵 在 整个 线性 
代数 的 世界 中 都 扮演 了 举足轻重 的 角色 。 在 三 维 数学 中 ， 我 们 通常 会 使 
用 窍 阵 来 进行 变换 。 一 个 矩阵 可 以 把 一 个 矢量 从 一 个 坐标 空间 转换 到 为 
一 个 坐标 空间 。 在 第 2 章 演 染 流 水 线 中 ， 我 们 就 看 到 了 很 多 坐标 变换 ， 
例如 在 顶点 着 色 器 中 我 们 需要 把 顶点 坐标 从 模型 空间 变换 到 齐 次 裁剪 坐 
标 系 中 。 而 在 这 一 草 中 ， 我 们 移 来 认识 一 下 矩阵 这 个 概念 。 


那么 ， 现 在 我 们 就 来 看 一 下 ， 这 些 放 在 一 个 小 括号 里 的 数字 怎么 就 


这 人 么 重要 呢 ? 为 什么 数学 家 们 都 喜欢 用 这 个 小 东西 来 搞 出 这 么 多 名 堂 
呢 ? 


4.4.1 ”和 窍 阵 的 定义 
相信 很 多 读者 都 见 过 元 阵 的 真 容 ， 例 如 像 下 面 这 个 样子 : 


1. .05. :总 2 
23 5 V3 10 
4 “8 111 ‘号 


从 它 的 外 观 上 来 看 ， 殊 是 一 个 长 方形 的 网 格 ， 每 个 格子 里 放 了 一 个 
数字 。 的 确 ， 和 矩阵 就 是 这 么 简单 : 它 是 由 m xm 个 标量 组 成 的 长 方形 数 
组 。 在 上 面 的 式 子 中 ， 我 们 是 用 方 括号 来 玮 住 算 阵 中 的 数字 ， 而 一 些 其 
他 的 资料 可 能 会 使 用 圆 括 号 或 伦 括 号 来 表示 ， 这 都 是 等 价 的 。 























既然 是 网 格 结构 ， 就 意味 着 矩阵 有 行 (row) 列 (column) 之 分 。 
例如 上 面 的 例子 惑 是 一 个 3x4 的 矩阵 ， 它 有 三 行 四 列 。 据 此 ， 我 们 可 以 
给 出 矩阵 的 一 般 表 达 式 。 以 3x3 的 矩阵 为 例 ， 它 可 以 写成 : 


mill m12 mT13 
MM= |mo2ol m2 m923 
T7131 T7329 77133 


mi 表明 了 这 个 元 素 在 算 阵 M 的 第 行 、 第 ) 列 。 


这 样 看 起 来 矩阵 也 没什么 神秘 的 嘛 。 但 是 ， 越 简单 的 东西 往往 越 历 
害 ， 这 也 是 数学 的 魅力 所 在 。 


4.4.2 ”和 矢量 联系 起 来 


前 面 说 到 ， 矢 量 其 实 就 是 一 个 数组 ， 而 矩阵 也 是 一 个 数组 。 既 然 都 
是 数组 ， 那 就 是 一 家 人 了 ! 我 们 很 容易 想到 ， 我 们 可 以 用 和 矩阵 来 表示 矢 
量 。 实 际 上 ， 矢 量 可 以 看 成 是 n x1 的 列 和 矩阵 (column matrix) 或 1xn 
的 行 算 了 泗 (row matrix) ， 其 中 n 对 应 了 矢量 的 维度 。 例 如 ， 矢 量 v = 
(3,8,6) 可 以 写成 行 矩 阵 
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为 什么 我 们 要 把 矢量 和 矩阵 联系 在 一 起 呢 ? 这 是 为 了 可 以 让 矢量 像 
一 个 矩阵 一 样 一 起 参与 矩阵 运算 。 这 在 空间 变换 中 将 非常 有 用 。 

到 现在 ， 使 用 行 矩 阵 还 是 列 惩 阵 来 表示 矢量 看 起 来 是 没什么 分 别 
的 。 的 确 ， 我 们 可 以 根据 自己 的 喜好 来 选择 表示 方法 ， 但 是 ， 如 有 果 要 和 
窃 阵 一 起 参与 乘法 运算 时 ， 这 种 选择 会 影响 我 们 的 书写 顺序 和 结果 。 这 
正 是 我 们 下 面 要 讲 到 的 。 


4.4.3 和 矩阵 运算 


或 列 矩阵 





























矩阵 这 个 家 伙 看 起 来 比 矢 量 要 庞大 很 多 ， 那 么 它 的 运算 是 不 是 很 复 
杂 呢 ?答案 是 肯定 的 。 但 是 ， 幸 运 的 是 在 写 Shader 的 过 程 中 ， 我 们 只 需 
要 和 很 简单 的 一 部 分 运算 打交道 。 

1. 矩阵 和 标量 的 乘法 

和 矢量 类 似 ， 和 矩阵 也 可 以 和 标量 相 乘 ， 它 的 结果 仍然 是 一 个 相同 维 
度 的 和 矩阵。 它们 之 间 的 乘法 非常 简单 ， 就 是 矩阵 的 每 个 元 素 和 该 标量 相 
乘 。 以 3x3 的 矩阵 为 例 ， 其 公式 如 下 : 


77211 mi12 m13 kmill kmil2 kmi13 
kM = ME=E moa m2 m3| = ikmol kmo22 kmo23 





m3al m3 m33 kmal kmao kmas 


2. 和 矩阵 和 秆 阵 的 乘法 


两 个 矩阵 的 乘法 也 很 简单 ， 它 们 的 结果 会 是 一 个 新 的 矩阵 ， 并 且 这 
个 矩阵 的 维度 和 两 个 原 窍 阵 的 维度 都 有 关系 。 


一 个 r xn 的 矩阵 A 和 一 个 n xc 的 矩阵 B 相 乘 ， 它 们 的 结果 AB 将 会 
是 一 个 r xc 大 小 的 矩阵 。 请 读者 注意 它们 的 行列 关系， 第 一 个 矩阵 的 列 
数 必须 和 第 二 个 矩阵 的 行 数 相同 ， 它 们 相 习 得 到 的 矩阵 的 行 数 是 第 一 个 
矩阵 的 行 数 ， 而 列 数 是 第 二 个 矩阵 的 列 数 。 人 例如， 如果 窃 阵 A 的 维度 是 
4x3， 和 矩阵 B 的 维度 是 3x6， 那 么 AB 的 维度 就 是 4x6。 


如 果 两 个 矩阵 的 行列 不 满足 上 面 的 规定 怎么 办 ? 那么 很 抱歉 ， 这 两 
个 矩阵 就 不 能 相 乘 ， 因 为 它们 之 间 的 乘法 是 没有 被 定义 的 《当然 ， 读 者 
完全 可 以 上 自己 定义 一 种 新 的 乘法 ， 但 是 数学 家 们 会 不 会 买账 就 不 一 定 
了 ) 。 那 么 为 什么 会 有 上 面 的 规定 呢 ? 等 我 们 理解 了 和 窍 阵 乘法 的 操作 过 
程 目 然 束 会 明日 。 


我 们 先 给 出 看 起 来 很 复杂 难 懂 〈 当 给 出 直观 的 表 式 后 读者 会 发 现 其 
实 它 没 那么 难 懂 ) 的 数学 表达 式 : 设 有 r xn 的 矩阵 A 和 一 个 n xc 的 矩 
阵 B ， 它 们 相 乘 会 得 到 一 个 r xc 的 窍 阵 C =AB 。 那 么 ，C 中 的 每 一 个 元 
素 c; 等 于 A 的 第 i 行 所 对 应 的 矢量 和 B 的 第 ) 列 所 对 应 的 矢量 进行 矢量 点 
乘 的 结果 ， 即 
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看 起 来 很 复杂 对 吗 ? 但 是 ， 我 们 可 以 用 一 个 更 简单 的 方式 来 解释 ; 
对 于 每 个 元 素 c; ， 我 们 找到 A 中 的 第 i 行 和 B 中 的 第 i 列 ， 然 后 把 它们 的 
对 应 元 素 相 乘 后 再 加 起 来 ， 这 个 和 就 是 cy 。 


一 种 更 直观 的 方式 如 图 4.30 所 示 。 假 设 A 的 大 小 是 4x2，B 的 大 小 
是 2x4， 那 么 如 果 要 计算 C 的 元 素 c ,3 的 话 ， 先 找到 对 应 的 行 乍 阵 和 列 矩 
阵 ， 即 A 中 的 第 2 行 和 B 中 的 第 3 列 ， 把 它们 进行 天 量 点 积 后 就 可 以 得 到 
缚 果 值 。 国 此 ，Cxs=sam bys+t0wm bss 











| bi» 1213 可 
p21 b> 1223| b24 


adall 412 Cl1 C12 C13 C14 
021 a22 c21 C22 C24 
031 432 C31 C32 C33 C34 
CQ41 442 C41 C42 C43 C44 


A 图 4.30 计算 c 23 的 过 程 
在 Shader 的 计算 中 ， 我 们 更 多 的 是 使 用 4x4 抢 阵 来 运算 的 。 
和 矩阵 乘法 满足 一 些 性 质 。 

性 质 一 :矩阵 乘法 并 不 满足 交换 律 。 

也 就 是 说 ， 通 常情 况 下 : 


AB zBA 
性 质 二 : 年 阵 乘 法 满足 结合 律 。 
也 就 是 说 ， 
(AB )C =A (BC ) 
和 矩阵 乘法 的 结合 律 可 以 扩展 到 更 多 和 矩阵 的 相 乘 。 例 如 ， 
ABCDE =((A (BC ))D)E =(AB )(CD )E 
读者 可 根据 矩阵 乘法 的 定义 很 轻松 地 验证 上 述 结论 。 
4.4.4 特殊 的 矩阵 


有 一 些 特 殊 的 窍 阵 类 型 在 Shader 中 经 常见 到 。 这 些 特殊 的 窍 阵 往往 
具有 一 些 重 要 的 性 质 。 


1. 方块 矩阵 


方块 年 阵 〈square matrix) ， 简 称 方 阵 ， 是 指 那些 行 和 列 数目 相 
等 的 矩阵 。 在 三 维 泻 染 里 ， 最 常 使 用 的 就 是 3x3 和 4x4 的 方 阵 。 


方 阵 之 所 以 值得 单独 拿 出 来 讲 ， 是 因为 矩阵 的 一 些 运 算 和 性 质 是 只 
有 方 阵 才 具有 的 。 例 如 ， 对 角 元 素 (diagonal elements) 。 方 阵 的 对 角 
元 素 指 的 是 行 号 和 列 写 相等 的 元 素 ， 例 如 m 11 、m 2 2、m 33 等 。 如 果 把 ， 
阵 看 成 一 个 正方 形 的 话 ， 这 些 元 素 排列 在 正方 形 的 对 角 线 上 ， 这 也 是 它 
们 名 字 的 由 来 。 如 果 一 个 矩阵 除了 对 角 元 素 外 的 所 有 元 素 都 为 0， 那 么 
这 个 矩阵 就 叫做 对 角 和 矩阵 (diagonal matrix) 。 例 如 ， 下 面 就 是 一 个 
4x4 的 对 角 和 矩阵 : 
3 0 00 
i. 
0 0 10 
二 向 











2. 单位 和 矩阵 


一 个 特殊 的 对 角 和 矩阵 是 单位 矩阵 (identity matrix) ， 用 I ,来 表 
示 。 一 个 3x3 的 单位 矩阵 如 下 : 


T 村. 
eg | 二 和 和 
0 0 1 
为 什么 要 为 这 种 矩阵 单独 起 一 个 名 字 呢 ? 这 是 因为 ， 任 何 和 矩阵 和 筷 
相 乘 的 结果 都 还 是 原来 的 矩阵 。 也 就 是 说 ， 
MI =IM =M 
这 就 跟 标 量 中 的 数字 1 一 样 ! 
3. 转 置 矩 阵 
转 置 算 阵 (transposed matrix) 实际 是 对 原 和 矩阵 的 一 种 运算 ， 即 转 
置 运算 。 给 定 一 个 r xc 的 矩阵 M ， 它 的 转 置 可 以 表示 成 ML ， 这 是 一 个 : 
xr 的 矩阵 。 转 置 矩 阵 的 计算 非常 简单 ， 我 们 只 需要 把 原 矩 阵 翻 转 一 下 
即 可 。 也 就 是 说 ， 原 矩阵 的 第 i 行 变 成 了 第 i 列 ， 而 第 j 列 变 成 了 第 j 行 。 


数学 公式 是 : 





MioM. 
J! 


6 7 

62103 |25 
， | 梅村 
3 9 


攻 对 于 行 矩阵 和 列 窍 阵 来 说 ， 我 们 可 以 使 用 转 置 操作 来 转换 行列 矩 


例如 ， 


转 置 矩 阵 也 有 一 些 和 常用 的 性 质 。 
性 质 一 : 窍 阵 转 置 的 转 置 等 于 原 滤 阵 。 


很 容易 理解 ， 我 们 把 一 个 窍 阵 翻转 一 下 后 再 翻转 一 下 ， 等 于 没有 对 
甜 阵 做 任何 操作 。 即 


(M ) =M 
性 质 二 : 矩阵 串 接 的 转 置 ， 等 于 反 疝 串 接 各 个 矩阵 的 转 置 。 
用 公式 表示 就 是 : 
(AB )7=BTAT 

该 性 质 同样 可 以 扩展 到 更 多 和 矩阵 相 屠 的 情况 。 
4. 逆 和 矩阵 

逆 矩 阵 (inverse matrix) 大 概 是 本 书 讲 到 的 关于 和 矩阵 最 复 洒 的 一 
种 操作 了 。 不 是 所 有 的 矩阵 都 有 逆 算 阵 ， 第 一 个 前 提 就 是 ， 该 矩阵 必须 
是 一 个 方 阵 。 

给 定 一 个 方 阵 M ， 它 的 逆 和 矩阵 用 M -1 来 表示 。 首 矩阵 最 重要 的 性 质 


就 是 ， 如 果 我 们 把 M 和 M 相 乘 ， 那 么 它们 的 结果 将 会 是 一 个 单位 窍 
阵 。 也 就 是 说 ， 











MM '=M 'M :=I 


前 面 说 了 ， 并 非 所 有 的 方 阵 都 有 对 应 的 逆 窍 阵 。 一 个 明显 的 例子 束 
是 一 个 所 有 元 素 都 为 0 的 矩阵 ， 很 显然 ， 任 何 和 矩阵 和 它 相 乘 都 会 得 到 一 
个 零 矩 阵 ， 即 所 有 的 元 素 仍然 都 是 9。 如果 一 个 矩阵 有 对 应 的 逆 窍 阵 ， 
我 们 就 说 这 个 矩阵 是 可 逆 的 (invertible〉 或 者 说 是 非 奇异 的 
(nonsingular) ; 相反 的 ， 如 果 一 个 矩阵 没有 对 应 的 逆 和 矩阵 ， 我 们 惑 











说 它 是 不 可 逆 的 (noninvertible〉 或 者 说 是 奇异 的 (singular) 。 


那么 如 何 判 断 一 个 矩阵 是 否 是 可 逆 的 昵 ? 简单 来 说 ， 如 果 一 个 矩阵 
的 行列 式 〈determinant) 不 为 0， 那 么 它 束 是 可 逆 的 。 关 于 和 矩阵 的 行 胸 
式 是 什么 以 及 如 何 求解 一 个 矩阵 的 逆 殷 阵 ， 可 以 参见 本 章 的 扩展 阅读 衣 
分 。 由 于 这 部 分 内 容 涉及 较 多 计算 和 其 他 定义 ， 本 书 不 再 性 述 。 在 写 
Shader 的 过 程 中 ， 这 些 和 矩阵 通 常 可 以 通过 调用 第 三 方 库 (如 C++ 数 学 库 
Eigen) 来 直接 求 得 ， 不 需要 开发 者 手动 计算 。 在 Unity 中 ， 重 要 变换 矩 
阵 的 逆 窃 阵 Unity 也 提供 了 相应 的 变量 供 我 们 使 用 。 关 于 这 些 Unity 内 置 
的 和 矩阵， 读者 可 以 在 本 章 的 4.8 节 找到 更 详细 的 解释 。 


逆 窍 阵 有 很 多 非常 重要 的 性 质 。 
性 质 一 : 逆 和 窍 阵 的 逆 窍 阵 是 原 矩 阵 本 身 。 
假设 矩阵 M 是 可 逆 的 ， 那 么 








(M1)!1=M 
性 质 二 : 单位 矩阵 的 逆 矩 阵 是 它 本 身 。 
即 
1 1=I 
性 质 三 : 转 置 矩阵 的 逆 矩 阵 是 逆 和 矩阵 的 转 置 。 
即 


(M EL =(M = 站 ) T 


性 质 四 : 矩阵 毕 接 相 乘 后 的 逆 矩 阵 等 于 反 辐 串 接 各 个 矩阵 的 逆 算 


名 
(AB)'=B A 


这 个 性 质 也 可 以 扩展 到 更 多 矩阵 的 连 乘 ， 如 : 


(ABCD)!'=D 1C 1B IA 


逆 窍 阵 是 具有 几何 意义 的 。 我 们 知道 一 个 矩阵 可 以 表示 一 个 变换 
〈 详 见 4.5 下 ) ， 而 逆 窍 阵 允 许 我 们 还 原 这 个 变换 ， 或 者 说 是 计算 这 个 
变换 的 反 辐 变换 。 因 此， 如 果 我 们 使 用 变换 矩阵 M 对 矢量 v 进行 了 一 次 
变换 ， 然 后 再 使 用 它 的 逆 和 矩阵 M 进行 另 一 次 变换 ， 那 么 我 们 会 得 到 原 
来 的 矢量 。 这 个 性 质 可 以 使 用 矩阵 乘法 的 络 合 律 很 容易 地 进行 证 明 : 














M -1(Mv )=(M + M)v=Iv =v 
5. 正 交 和 托 阵 


另 一 个 特殊 的 方 阵 是 正 交 矩阵 (orthogonal matrix) 。 正 交 是 矩阵 
的 一 种 属性 。 如 果 一 个 方 阵 M 和 它 的 转 置 矩 阵 的 乘积 是 单位 矩阵 的 话 ， 
我 们 就 说 这 个 矩阵 是 正 交 的 (orthogonal) 。 反 过 来 也 是 成 立 的 。 也 就 
是 说 ， 和 矩阵 M 是 正 交 的 等 价 于 : 


MMT=MITiM =I 


读者 可 能 已 经 看 出 来 ， 上 式 和 我 们 在 上 一 节 讲 到 的 逆 窍 阵 时 过 到 的 
公式 很 像 。 把 这 两 个 公式 结合 起 来 ， 我 们 束 可 以 得 到 一 个 重要 的 性 质 ， 
即 如 末 一 个 矩阵 是 正 交 的 ， 那 么 它 的 转 置 矩 阵 和 逆 窍 阵 是 一 样 的。 也 束 
是 说 ， 和 矩阵 M 是 正 交 的 等 价 于 : 


ML =M 


这 个 式 子 非常 有 用 ， 因 为 在 三 维 变换 中 我 们 经 常会 需要 使 用 逆 窍 阵 
来 求解 反问 的 变换 。 而 遂 和 矩阵 的 求解 往往 计算 量 很 大 ， 但 转 置 矩 阵 却 非 
常 容 易 求 解 ， 我 们 只 需要 把 矩阵 翻转 一 下 就 可 以 了 。 那 么 ， 我 们 如 何 提 
前 判断 一 个 矩阵 是 否 是 正 交 矩阵 呢 ? 读者 可 能 会 说 ， 判 断 MM =I 是 否 
成 立 束 可 以 了 嘛 ! 但 是 ， 求 解 这 样 一 个 表达 式 无 疑 是 需要 一 定 计算 量 
的 ， 这 些 计算 量 可 能 和 百 接 求解 逆 矩 阵 无 民 。 而 且 ， 如 果 我 们 判断 出 来 
这 不 是 一 个 正 交 和 窍 阵 ， 那 么 这 些 花 在 验证 是 否 是 正 交 息 阵 上 的 计算 就 溪 
费 了 。 因 此 ， 我 们 更 想 不 需 要 计算 ， 而 仅仅 根据 一 个 矩阵 的 构造 过 程 来 
判断 这 个 矩阵 是 否 是 正 交 矩阵。 为 此 ， 我 们 需要 来 了 解 正 交 和 矩阵 的 几何 
意义 。 


我 们 来 看 一 下 对 于 3x3 的 正 交 和 矩阵 有 什么 特点 。 根 据 正 交 和 矩阵 的 定 


























义 ， 我 们 有 : 


这 样 ， 我 们 就 有 了 9 个 等 式 : 
C1':C1=1, C1'C»=0, cl1'cC3=0 
CC1=0， C5 CD) =|， CCa=0 
ca3'C1=0, C3°C, =0, C3'C3=| 
我 们 可 以 得 到 以 下 结论 : 
。 矩阵 的 每 一 行 ， 即 c | 、c ,和 c 3 是 单位 矢量 ， 因 为 只 有 这 样 它们 与 
自己 的 点 积 才能 是 1; 
。 矩阵 的 每 一 行 ， 即 c | 、c , 和 c 3 之 间 互 相 垂直 ， 因 为 只 有 这 样 它们 
之 加 的 点 积 才能 是 0。 


。 上 述 两 条 结论 对 矩阵 的 每 一 列 同样 适用 ， 因 为 如 宁 M 是 正 交 矩阵 的 
话 ，M 也 会 是 正 交 矩阵 。 





也 就 是 说 ， 如 果 一 个 矩阵 满足 上 面 的 条 件 ， 那 么 它 就 是 一 个 正 交 矩 
阵 。 该 者 可 以 注意 到 ， 一 组 标准 正 交 基 《〈 定 义 详 见 4.2.2 节 ) 可 以 精确 地 
满足 上 述 条 件 。 在 4.6.2 节 中 ， 我 们 会 使 用 坐标 空间 的 基 天 量 来 构建 用 于 
空间 变换 的 和 矩阵。 因此， 如 果 这 些 基 矢量 是 一 组 标准 正 交 基 的 话 《 例 如 
1 ， 那 么 我 们 就 可 以 直接 使 用 转 置 矩阵 来 求 得 该 变换 的 














读者 : 我 被 标准 正 交 、 正 交 这 些 概念 搞 混 了 ， 可 以 再 说 明 一 下 是 什 


么 意思 吗 ? 





我 们 : 读者 应 访 已 经 知道 ， 一 个 坐标 空间 需要 指定 一 组 基 矢 量 ， 也 
就 是 我 们 理解 的 坐标 轴 。 如 果 这 些 基 矢 量 之 间 是 互相 垂直 的 ， 那 么 我 们 
就 把 它们 称 为 是 一 组 正 交 基 (orthogonal basis) 。 但 是 ， 它 们 的 长 度 
并 不 要 求 一 定 是 1。 如 果 它 们 的 长 度 的 确 是 1 的 话 ， 我 们 束 说 它们 是 一 组 
标准 正 交 基 (orthonormal basis) 。 因 此 ， 一 个 正 交 矩阵 的 行 和 列 之 上 得 
分 别 构成 了 一 组 标准 正 交 基 。 但 是 ， 如 果 我 们 使 用 一 组 正 交 基 来 构建 一 
个 矩阵 的 话 ， 这 个 矩阵 可 能 束 不 是 一 个 正 交 矩阵， 因为 这 些 基 矢量 的 长 
度 可 能 不 为 1， 也 就 是 说 它们 不 是 标准 正 交 其 。 


4.4.5 ” 行 窍 阵 还 是 列 算 阵 


我 们 已 经 了 解 了 足够 多 的 数学 概念 ， 但 在 学 习 和 矩阵 的 几何 意义 之 
前 ， 我 们 有 必要 说 明 一 下 行 矩 阵 和 列 和 矩阵 的 问题 。 

在 前 面 的 章节 中 我 们 讲 到 ， 可 以 把 一 个 矢量 转换 成 一 个 行 矩 阵 或 是 
列 和 矩阵 。 它 们 本 身 是 没有 区 别 的 ， 但 是 ， 当 我 们 需要 把 它 和 另 一 个 矩阵 
相 乘 时 ， 就 会 出 现 一 些 差 异 。 

假设 有 一 个 矢量 v =(x ,y,z)， 我 们 可 以 把 它 转 换 成 行 矩 阵 v = [xyz ] 
或 列 和 矩阵 v= [xyz] (这 里 使 用 了 转 置 符号 来 避免 列 矩 阵 在 我 们 的 这 一 
行 中 显得 太 高 ) 。 现 在 ， 有 另 一 个 矩阵 M : 


mil m12 77213 
AM = 攻 77222 四 
77131 T7139 77233 
那么 M 分 别 和 行 矩 阵 以 及 列 和 矩阵 相 乘 后 会 是 什么 结果 呢 ? 我 们 先 来 
看 M 和 行 矩 阵 的 相 乘 。 由 和 矩阵 乘法 的 定义 可 知 ， 我 们 需要 把 行 矩 阵 放 
的 左边 《还 记得 吗 ， 和 矩阵 乘法 要 求 两 个 矩阵 的 行列 数 满足 一 定 条 
) ， 即 


UAY = [Tm11 十 Ymaol 十 之 17231 TI2 十 YMNoD 十 IN32 TIN13 十 7723 二 2z77233| 


而 如 果 和 列 和 矩阵 相 乘 的 话 ， 结 果 是 : 


T77211 十 Ym12 十 z77213 
My 一 |Z7mmzo2l 十 V77222 十 z77223 


.77231 十 7732 十 INL33 


























天 


读者 认真 对 比 就 会 发 现 ， 结 末 和 矩阵 除 了 行列 矩阵 的 区 别 外 ， 里 面 的 
元 素 也 是 不 一 样 的 。 这 就 意味 着 ， 在 和 和 矩阵 相 乘 时 选择 行 矩 阵 还 是 列 矩 
0 




















在 Unity 中 ， 常 规 做 法 是 把 矢量 放 在 秆 阵 的 右 侧 ， 即 把 矢量 转换 成 
列 矩阵 来 进行 运算 。 因 此 ， 在 本 书后 面 的 内 容 中 ， 如 无 特殊 情况 ， 我 们 
都 将 使 用 列 和 矩阵 。 这 意味 着 ， 我 们 的 矩阵 乘法 通常 都 是 右 乘 ， 例 如 : 


CBAv = (C(B(Av))) 


使 用 列 向 量 的 结果 是 ， 我 们 的 阅读 顺序 是 从 右 到 左 ， 即 先 对 v 使 
用 A 进行 变换 ， 再 使 用 B 进行 变换 ， 最 后 使 用 C 进行 变换 。 


上 面 的 计算 等 价 于 下 面 的 行 和 矩阵 运算 : 
vA BC = (((vA’ )B')CT) 
如 果 你 还 是 不 能 明白 上 面 的 含义 ， 可 以 参见 练习 题 3。 
4.4.6 ”练习 题 
1. 判断 下 面 矩 阵 的 乘法 是 否 存在 。 如 果 存 在 ， 计 算 它 们 的 乘积 


es 一 1 5 
(1) 2 4 | 这 

















1 0 0 0 
0 1 0 0 
人 要 二 中 
(2) 0 0 0 1 


cost —sing 0 

sing cosg 0 

(3) 0 0 1 
3. 给 定 一 个 矢量 (3,2,6)， 分 别 把 它 当 成 行 箱 了 泗 和 列 和 矩阵 与 下 面 的 矩 


阵 相 乘 。 考 虑 两 种 情况 下 得 到 的 天 量 结果 是 人 否 一 样 。 如 果 不 一 样 ， 考 虑 
如 何 得 到 相同 的 结果 。 


1 0 0 
0 1 0 
( 1 ) Uy 0 1 





4.5 ”和 窍 阵 的 几何 意义 : 变换 
关于 和 矩阵， 很 多 困扰 初学 者 的 问题 都 是 类 似 的 : 


。 扩 和 夭 量 部 可 以 在 图 像 中 男 出 来 ， 那 么 矩阵 可 以 吗 ? 

。 我 听 次 算 阵 和 线性 变换 、 仿 射 变换 有 关 ， 这 些 变 换 到 底 是 什么 意思 
呢 ? 

。 我 总 是 听 到 齐 次 坐标 这 个 名 词 ， 它 是 什么 意思 呢 ? 

。 变换 和 和 矩阵 的 关系 又 是 什么 呢 ? 或 者 说 ， 给 定 一 个 变换 ， 我 如 何 得 
到 它 对 应 的 矩阵 呢 ? 


在 学 习 完 本 节 后 ， 希 望 读者 们 能 够 回答 出 这 些 问题 。 


对 于 第 一 个 问题 ， 在 三 维 演 染 中 沧 阵 可 以 可 视 化 吗 ? 幸运 的 是 ， 答 
案 是 肯定 的 ， 这 个 可 视 化 的 结果 束 是 变换 。 因 此 ， 如 末 读 者 在 后 面 的 内 
容 中 看 到 了 一 个 矩阵 ， 那 么 你 可 以 认为 自己 看 到 的 就 是 一 个 变换 ( 当 
en 
由 


在 游戏 的 世界 中 ， 这 上 坚 变换 一 般 包 售 了 旋转 、 缩 放 和 平移 。 游 戏 开 
发 人 员 和 希望 给 定 一 个 点 或 天 量 ， 再 给 定 一 个 变换 《例如 把 点 平移 到 妃 一 
个 位 置 ， 把 矢量 的 方向 旋转 30°* 等 ) ， 就 可 以 通过 某 个 数学 运算 来 求 得 
新 的 点 和 矢量。 聪明 的 先 人 们 发 现 ， 可 以 使 用 抢 阵 来 完美 地 解决 这 个 问 
题 。 那 么 问题 就 变 成 了 了， 我 们 如 何 使 用 矩阵 来 表示 这 些 变换 ? 


4.5.1 什么 是 变换 


变换 (transform) ， 指 的 是 我 们 把 一 些 数据 ， 如 点 、 方 癌 矢 量 甚 
至 是 颜色 等 ， 通 过 某 种 方式 进行 转换 的 过 程 。 在 计算 机 图 形 学 领域 ， 变 
换 非 常 重要 。 尺 管 通过 变换 我 们 能 够 进行 的 操作 是 有 限 的 ， 但 这 些 操作 
己 经 足够 葛 定 变换 在 图 形 学 领域 举足轻重 的 地 位 了 。 


我 们 先 来 看 一 个 非常 第 见 的 变换 类 型 一 一 线性 变换 (linear 


transform) 。 线 性 变换 指 的 是 那些 可 以 保留 矢量 加 和 标量 乘 的 变换 。 
用 数学 公式 来 表示 这 两 个 条 件 束 是 : 
































f (x )+f (y )=f(x +y ) 
kf (x )=f (kx ) 


上 面 的 式 子 看 起 来 很 抽象 。 缩 放 (scale〉 束 是 一 种 线性 变换 。 例 
的 模 将 被 放大 两 倍 。 可 以 发 现 ，f(x )=2x 是 满足 上 面 的 两 个 条 件 的 。 同 
样 ， 旋 转 (rotation〉 也 是 一 种 线性 变换 。 对 于 线性 变换 来 说 ， 如 果 我 
们 要 对 一 个 三 维 的 矢量 进行 变换 ， 那 么 仅仅 使 用 3x3 的 矩阵 就 可 以 表示 
所 有 的 线性 变换 。 


线性 变换 除了 包括 旋转 和 缩放 外 ， 还 包括 错 切 (shear) 、 镜 像 
(mirroring， 也 被 称 为 reflection) 、 正 交 投 影 (orthographic 
projection〉 等 ， 但 本 书 着 重 讲述 旋转 和 缩放 变换 。 

但 是 ， 仅 有 线性 变换 是 不 够 鸣 。 我 们 来 考虑 平移 变换 ， 例 如 f 
(x)=x+(1,2,3)。 这 个 变换 就 不 是 一 个 线性 变换 ， 它 既 不 满足 标量 乘法 ， 
也 不 满足 矢量 加 法 。 如 果 我 们 令 x =(1,1,1)， 那 么 : 


f (x)+f (x)=(4,6,8) 











f (x+x)=(3,4,5) 


可 见 ， 两 个 运算 得 到 的 结果 是 不 一 样 的 。 因 此 ， 我 们 不 能 用 一 个 
3x3 的 矩阵 来 表示 一 个 平移 变换 。 这 是 我 们 不 希望 看 到 的 ， 毕 竞 平移 变 
换 是 非常 剃 见 的 一 种 变换 。 

这 样 ， 就 有 了 仿 射 变换 (affine transform) 。 仿 射 变换 就 是 合 3 
线性 变换 和 平移 变换 的 变换 类 型 。 仿 射 变换 可 以 使 用 一 个 4x4 的 矩阵 来 
表示 ， 为 此 ， 我 们 需要 把 矢量 扩展 到 四 维 空 间 下 ， 这 就 是 齐 次 坐标 空间 


(homogeneous space) 。 


表 4.1 给 出 了 图 形 学 中 利 见 变换 矩阵 的 名 称 和 它们 的 特性 。 























表 4.1 第 见 的 变换 种 类 和 它们 的 特性 〈N 表 示 不 满足 该 特性 ，Y 表 示 满 足 该 特性 ) 


是 线性 变换 | 是 仿 射 变换 | 是 可 逆 矩 阵 | 是 正 交 和 矩阵 
吗 吗 吗 吗 



































平移 矩阵 


绕 坐 标 轴 旋 转 的 旋转 矩 
阵 





























透视 投影 矩阵 











在 下 面 的 内 容 中 ， 我 们 将 学 习 其 中 一 些 基 本 的 变换 类 型 : 旋转 ， 缩 
放 和 平移 。 对 于 正 交 投影 和 透视 投影 ， 我 们 将 在 4.6.7 节 中 给 出 它们 的 表 
示 方 法 。 而 对 于 其 他 变换 类 型 ， 本 书 不 再 具体 讨论 ， 读 者 可 以 在 本 章 的 
扩展 阅读 中 找到 更 多 内 容 。 


4.5.2 ” 齐 次 坐标 


我 们 知道 ， 由 于 3x3 和 矩阵 不 能 表示 平移 操作 ， 我 们 束 把 其 扩展 到 了 
4x4 的 矩阵 (是 的 ， 只 要 多 一 个 维度 就 可 以 实现 对 平移 的 表示 ) 。 为 
此 ,我 们 还 需 要 把 原来 的 三 维 矢 量 转换 成 四 维 矢量 ， 也 就 是 我 们 所 说 的 
齐 次 坐标 ‘(homogeneous coordinate) (事实 上 齐 次 坐标 的 维度 可 以 超 
过 四 维 ， 但 本 书 中 所 说 的 齐 次 坐标 将 泛 指 四 维 齐 次 坐标 ) 。 我 们 可 以 发 
不 方式 8 


如 上 所 说 ， 齐 次 坐标 是 一 个 四 维和 天 量 。 那 么 ， 我 们 如 何 把 三 维 矢量 
转换 成 齐 次 坐标 呢 ? 对 于 一 个 点 ， 从 三 维 坐标 转换 成 齐 次 坐标 是 把 其 w 
分 量 设 为 1， 而 对 于 方向 矢量 来 说 ， 需 要 把 其 w 分 量 设 为 0。 这 样 的 设置 
会 导致 ， 当 用 一 个 4x4 和 窃 阵 对 一 个 点 进行 变换 时 ， 和 平移、 旋转、 缩放 都 
会 施加 于 该 点 。 但 是 如 果 是 用 于 变换 一 个 方向 矢量 ， 平 移 的 效果 束 会 被 
忽略 。 我 们 可 以 从 下 面 的 内 容 中 理解 这 些 差异 的 原因 。 


4.5.3 分解 基础 变换 窍 阵 


我 们 已 经 知道 ， 可 以 使 用 一 个 4x4 的 和 矩阵 来 表示 平移 、 旋 转 和 缩 
放 。 我 们 把 表示 纯 平 移 、 纯 旋转 和 纯 缩 放 的 变换 矩阵 叫做 基础 变换 算 
阵 。 这 些 和 矩阵 具有 一 些 共同 点 ， 我 们 可 以 把 一 个 基础 变换 窍 阵 分 解 成 4 
个 组 成 部 分 : 

M3x3 t3x3 
I 1 


其 中 ， 左 上 和 角 的 矩阵 M :xs 用 于 表示 旋转 和 缩放 ，t 3x1 用 于 表示 平 
0 1x3 是 零 窍 阵 ， 即 0 ;xs =[0 0 0]， 右 下 角 的 元 素 就 是 标量 1。 


接 下 来 ， 我 们 来 具体 学 习 如 何 用 这 样 一 个 4x4 的 矩阵 来 表示 平移 、 
旋转 和 缩放 。 


4.5.4 平移 矩阵 
我 们 可 以 使 用 和 矩阵 乘法 来 表示 对 一 个 点 进行 平移 变换 : 
中 二 工 工 十 ty 
0 10 1/ 7 十 如 


2 i i Z 区 
000 1 ] ] 


从 结果 来 看 我 们 可 以 很 容易 看 出 为 什么 这 个 矩阵 有 平移 的 效果 : 点 
的 x 、y 、z 分 量 分 别 增加 了 一 个 位 置 偏 移 。 在 3D 中 的 可 视 化 效果 是 ， 
把 点 yy z ) 在 空间 中 平移 了 (ti ,ty 履 ) 个 单位 。 


有 趣 的 是 ， 如 果 我 们 对 一 个 方 回 矢量 进行 平移 变换 ， 结 果 如 下 : 
































1 认得 TI yp 
0 10 名 1/ 1 
0 0 1 z 
0 0 0 1 U 0 


可 以 友 现 ， 平 移 变 换 不 会 对 方 回 矢量 产生 任何 影响 。 这 扣 很 容易 理 
解 ， 我 们 在 学 习 矢 量 的 时 候 就 说 过 了 ， 矢 量 没有 位 置 属性 ， 也 束 是 说 它 
可 以 位 于 空间 中 的 任意 一 点 ， 因 此 对 位 置 的 改变 〔( 即 平移 ) 不 应 该 对 方 
问 矢 量 产 生 影响 。 


现在 ， 读 者 应 该 明白 当 给 定 一 个 平移 操作 时 如 何 构 建 一 个 平移 矩 
阵 : 基础 变换 矩阵 中 的 t axi 矢量 对 应 了 平移 矢量 ， 左 上 角 的 矩阵 M 3x3 区 
单位 矩阵 I3 。 

平移 矩阵 的 逆 窍 阵 就 是 反 向 平移 得 到 的 矩阵 ， 即 


1 0 0 -tz 
人 下 站 
| | ly 一 
000 1 


可 以 看 出 ,平移 矩阵 并 不 是 一 个 正 交 算 阵 。 
4.5.5” 纵 放 和 矩阵 


我 们 可 以 对 一 个 模型 沿 空 间 的 x 轴 、y 轴 和 z 轴 进 行 缩放 。 同 样 ， 我 
们 可 以 使 用 矩阵 乘法 来 表示 一 个 缩放 变换 : 
kr 0 0 0 工 kzT 
0 kk 0 0 1 kyy 
0 0 大 0 Z| |&sz 
0 0 0 1 ] ] 


对 方 癌 矢量 可 以 使 用 同样 的 矩阵 进行 缩放 : 




















kz 0 0 0 
0 k, 0 0 
0 0 k. 0 
0 0 0 1 


如 宋 缩放 系数 jl =k =k; ， 我 们 把 这 样 的 缩放 称 为 统一 缩放 
(uniform scale) ， 人 否则 称 为 非 统 一 缩放 (nonuniform scale) 。 从 外 
观 上 看 ， 统 一 缩放 是 扩大 整个 模型 ， 而 非 统 一 缩放 会 拉 伸 或 挤 压 模 型 。 
更 重要 的 是 ， 统 一 缩放 不 会 改变 角度 和 比例 信息 ， 而 非 统一 缩放 会 改变 
与 模型 相关 的 角度 和 比例 。 例 如 在 对 法 线 进 行 变换 时 ， 如 果 存 在 非 统 一 
缩放 ， 直 接 使 用 用 于 变换 顶点 的 变换 矩阵 的 话 ， 就 会 得 到 错误 的 结果 。 
正确 的 变换 方法 可 参见 4.7 节 。 


人 
缩放 ， 即 














缩放 矩阵 一 般 不 是 正 交 矩阵 。 

上 面 的 窍 阵 只 适用 于 沿 坐 标 轴 方 各 进行 缩放 。 如 采 我 们 硕 望 在 任意 
方向 上 进行 缩放 ， 就 需要 使 用 一 个 复合 变换 。 其 中 一 种 方法 的 主要 思想 
就 是 ， 先 将 缩放 轴 变 换 成 标准 坐标 轴 ， 然 后 进行 治 坐标 轴 的 缩放 ， 再 使 
用 逆 变 换 得 到 原来 的 缩放 轴 阳 癌 。 

4.5.6 ”旋转 矩阵 


旋转 是 三 种 常见 的 变换 矩阵 中 最 复杂 的 一 种 。 我 们 知道 ， 旋 转 操作 
需要 指定 一 个 旋转 轴 ， 这 个 旋转 轴 不 一 定 是 空间 中 的 坐标 轴 ， 但 本 节 所 
讲 的 旋转 束 是 指 绕 着 空间 中 的 x 轴 、y 轴 或 z 轴 进 行 旋转 。 


如 琳 我 们 需要 把 点 绕 厦 x 轴 旋 转 0 度 ， 可 以 使 用 下 面 的 矩阵 : 





| U 0 0 


, 0 cosg —sing 0 
HO = 0 sing cosb 0 
0 (0) 0 1 
绕 y 轴 的 旋转 也 是 类 似 的 : 
cos0 0 sing 0 
a 0 1 (人 0 
(0 = 
ylt ) —sing 0 cos 0 
0) 0 0) 1 
最 后 ， 是 绕 z 轴 的 旋转 : 
cos0 一 SO 0 0 
a sn cos 0 0 
Fs(0) | 0 0) 1 0 
0) 0 0 1 


旋转 矩阵 的 逆 窍 阵 是 旋转 相反 角度 得 到 的 变换 和 矩阵。 旋转 和 矩阵 是 正 
交 和 矩阵 ， 而 且 多 个 旋转 矩阵 之 间 的 串联 同样 是 正 交 的 。 


4.5.7 复合 变换 


我 们 可 以 把 平移 、 旋 转 和 缩放 组 合 起 来 ， 来 形成 一 个 复杂 的 变换 过 
程 。 例 如 ， 可 以 对 一 个 模型 先进 行 大 小 为 (2, 2, 2) 的 缩放 ， 再 绕 y 轴 旋 转 
30"， 最 后 癌 z 轴 平 移 4 个 单位 。 复 合 变 换 可 以 通过 和 窍 阵 的 串联 来 实现 。 
上 面 的 变换 过 程 可 以 使 用 下 面 的 公式 来 计算 : 


Pnew 一 Mi anslation M. otatioz Mcale Poald 


由 于 上 和 面 我 们 使 用 的 是 列 矩 了 泗 ， 因 此 阅读 顺序 是 从 右 到 左 ， 即 先进 
行 缩放 变换 ， 再 进行 旋转 变换 ， 最 后 进行 平移 变换 。 需 要 注意 的 是 ， 变 
换 的 结果 是 依赖 于 变换 顺序 的 ， 由 于 矩阵 乘法 不 满足 交换 律 ， 因 此 和 矩 阵 
的 乘法 顺序 很 重要 。 也 惑 是 说 ， 不 同 的 变换 顺序 得 到 的 结果 可 能 是 不 一 
样 的 。 想 象 一 下 ， 如 果 让 读者 回 前 一 步 然 后 左 转 ， 记 住 此 时 的 位 置 。 然 
后 回 到 原 位 ， 这 次 先 左 转 再 癌 前 走 一步 ， 得 到 的 位 置 和 上 一 次 是 不 一 样 
的 。 究 其 本 质 ， 是 因为 矩阵 的 乘法 不 满足 交换 律 ， 因 此 不 同 的 乘法 顺序 
得 到 的 结果 是 不 一 样 的 。 























在 绝 大 多 数 情况 下 ， 我 们 约定 变换 的 顺序 就 是 先 缩放 ， 再 旋转 ， 最 
后 平移 。 


读者 : 为 什么 要 约定 这 样 的 顺序 ， 而 不 是 其 他 顺序 呢 ? 


我 们 : 因为 这 样 的 变换 顺序 是 我 们 需要 的 。 想 象 我 们 对 奶牛 妞妞 进 
行 一 个 复合 变换 。 如 果 我 们 按 移 平移 、 再 缩放 的 顺序 进行 变换 ， 假 设 初 
始 情况 下 妞妞 位 于 原点 ， 我 们 先 按 (0, 0, 5) 平 移 它 ， 现 在 它 距 离 原点 5 个 
单位 。 然 后 再 将 它 放 大 2 倍 ， 这 样 所 有 的 坐标 都 变 成 了 原来 的 2 倍 ， 而 这 
意味 着 妞妞 现在 的 位 置 是 (0, 0, 10)， 这 不 是 我 们 希望 的 。 正 确 的 做 法 
征 ， 先 缩放 再 平移 。 也 就 是 说 ， 我 们 移 在 原点 对 妞妞 进行 2 倍 的 缩放 ， 
再 进行 平移 ， 这 样 妞 妞 的 大 小 正确 了 ， 位 置 也 正确 了 。 

为 了 从 数学 公式 上 理解 变换 顺序 的 本 质 ， 我 们 可 以 对 比 不 同 变 换 顺 


序 产生 的 变换 矩阵 的 表达 式 。 如 果 我 们 只 考虑 对 y 轴 的 旋转 的 话 ， 按 先 
缩放 、 再 旋转 、 最 后 平移 这 样 的 顺序 组 合 3 种 变换 得 到 的 变换 矩阵 是 : 


kr 0 0 0 
0 局 0 0 
0 0 k. 0 





cos 0 sing 0 
0 1 0 0 
—sing 0 cosg 0 
0 0 0 1 


1 00 tt 
0 10 
0 0 1 
000 1 


A\ ft anslation 上 rotation 上 dicale = 
0 0 0 1 

















kr cos 日 0 k. sing te 
U ky 0 ty 

—k; sing 0 kk. cosg 
0 0 0 1 


而 如 果 我 们 使 用 了 其 他 变换 顺序 ， 例 如 先 平 移 ， 再 缩放 ， 最 后 旋 
转 ， 那 么 得 到 的 变换 矩阵 是 : 
jz0 0 0 100t 
0 k, 0 0 全 于 
0 0 k. 0 0 0 1 
0 0 0 1 000 1 


cosg 0 sing 0 
0 1 0 0 
一 SO 0 cos0 0 
0 0 0 
kicos@ 0 ksing trkrcosd tt.k. sing 
0 k, 0 tyk, 
—kising 0 大 cos 一 上 说 SO 十 盛大 cos 
U (0) U 1 


Ml otation Mscar Miranslation = 











从 两 个 结果 可 以 看 出 ， 得 到 的 变换 矩阵 是 不 一 样 的 。 


除了 需要 注意 不 同类 型 的 变换 顺序 外 ， 我 们 有 时 还 需要 小 心 旋转 的 
变换 顺序 。 在 4.5.6 市 中 ， 我 们 给 出 了 分 别 绕 x 轴 、y 轴 和 z 轴 旋 转 的 变换 
甜 阵 。 一 个 问题 是 ， 如 果 我 们 主要 同时 绕 着 3 个 轴 进 行 旋转 ， 是 先 绕 x 
轴 、 再 统 y 轴 最 后 统 z 轴 旋 转 还 是 按 其 他 的 旋转 顺序 呢 ? 


当 我 们 直接 给 出 (6. ,0, ,6, ) 这 样 的 旋转 角度 时 ， 震 要 定义 一 个 旋转 
顺序 。 在 Unity 中 ， 这 个 旋转 顺序 是 zxy ， 这 在 旋转 相关 的 API 文 档 中 都 
有 说 明 。 这 意味 着 ， 当 给 定 (9, ,9, ,9, ) 这 样 的 旋转 角度 时 ， 得 到 的 组 合 


: 日 
六 
旋转 变换 矩阵 是 : 
1 0 0 0 cosb, 0 sing, 0 
0 cosbr 一 SO 0 0 1 0 0 
0 sing, cosg 0 —sing, 0 cosb, 0 
0 0 0 1 0 0 0 l 0 0 0 ] 


一 些 读者 会 有 疑问 : 上 面 的 公式 书写 顺序 是 不 是 反 了 ? 不 是 说 列 矩 
阵 要 从 右 往 左 读 吗 ? 这 样 一 来 顺序 不 就 题 倒 了 吗 ? 实际 上 ， 有 一 个 非常 
重要 的 东西 我 们 没有 说 明白 ， 那 惑 是 旋转 时 使 用 的 坐标 系 。 给 定 一 个 旋 
转 顺 序 〈 例 如 这 里 的 zxy ) ， 以 及 它们 对 应 的 旋转 角度 (6. ,0, ,0, )， 有 两 
种 坐标 系 可 以 选择 。 


绕 坐 标 系 E 下 的 z 轴 旋 转 0, ， 绕 坐标 系 E 下 的 y 轴 旋 转 % ， 绕 坐标 系 
E 下 的 x 轴 旋 转 g ， 即 进行 一 次 旋转 时 不 一 起 旋转 当前 坐标 系 。 


绕 坐 标 系 E 下 的 z 轴 旋 转 0, ， 在 坐标 系 E 下 统 z 轴 旋 转 6% 后 的 新 坐标 
系 E' 下 的 y 轴 旋 转 0, ， 在 坐标 系 E' 下 红 y 轴 旋 转 0, 后 的 新 坐标 系 E" 下 
的 x 轴 旋 转 %. ， 即 在 旋转 时 ， 把 坐标 系 一 起 转动 。 


很 容易 知道 ， 这 两 种 选择 的 结果 是 不 一 样 的。 但 如 果 把 它们 的 旋转 
顺序 题 倒 一 下 ， 它 们 得 到 的 结果 吕 会 是 一 样 的 ! 说 得 明白 点 ， 在 第 一 种 
情况 下 ， 投 zxy 顺序 旋转 和 在 第 二 种 情况 下 ， 按 yxz 顺序 旋转 是 一 样 的 。 
而 Unity 文 档 中 说 明 的 旋转 顺序 指 的 是 在 第 一 种 情况 下 的 顺序 。 


和 上 面 不 同类 型 的 变换 顺序 导致 的 问题 类 似 ， 不 同 的 旋转 顺序 得 到 
的 结果 也 可 能 是 不 一 样 的 。 我 们 同样 可 以 通过 对 比 不 同 旋转 顺序 得 到 的 
变换 矩阵 来 理解 为 什么 会 出 现 这 样 的 不 同 。 而 这 个 验证 过 程 留 给 读者 作 











cosg.: —sing. 0 0 


sing. cos0. 0 0 
[Motates Mrotate 二 Se 

















为 练习 。 


4.6 ”坐标 空间 


我 们 已 经 学 会 了 如 何 使 用 矩阵 来 表示 基本 的 变换 ， 如 平移 、 旋 转 和 
人 








我 们 在 第 2 章 演 染 流水 线 中 残 接 触 了 坐标 空间 的 变换 。 例 如 ， 在 学 
习 顶 点 着 色 吉 流水 线 阶 段 时 ， 我 们 说 过 ， 顶 点 着 色 器 最 基本 的 功能 就 是 
把 模型 的 顶点 坐标 从 模型 空间 转换 到 齐 次 裁 甬 坐 标 空间 中 。 


泻 染 游戏 的 过 程 可 以 理解 成 是 把 一 个 个 顶点 经 过 层 层 处 理 最 终 转化 
到 屏幕 上 的 过 程 ， 那 么 本 节 我 们 束 将 学 习 这 个 转换 的 过 程 是 如 何 实现 
的 。 更 具体 来 说 ， 顶 点 是 经 过 了 哪些 坐标 空间 后 ， 最 后 被 画 在 了 我 们 的 
屏幕 上 。 


4.6.1 为 什么 要 使 用 这 么 多 不 同 的 坐标 空间 


我 们 先 要 回答 读者 的 一 个 疑问 。 在 编写 Shader 的 过 程 中 ， 很 多 看 起 
来 很 难 理解 和 复杂 的 数学 运算 都 是 为 了 在 不 同 坐标 空间 之 间 转 换 点 和 矢 
量 。 看 起 来 ， 这 么 多 的 坐标 空间 就 是 "万 恶 之 源 " 啊 ! 很 多 人 都 有 这 样 的 
疑问 ; “为 什么 我 们 不 能 只 使 用 一 个 坐标 空间 来 做 所 有 的 事情 呢 ? 这 样 
元 来 我 们 不 就 不 用 学 习 这 些 烦 人 的 数学 公式 了 吗 ? 这样 世界 将 变 得 多 
了 啊 ! ” 


事情 看 起 来 虽然 是 这 样 一 一 在 只 有 一 个 坐标 空间 的 世界 里 ，Shader 
的 开发 者 会 生活 得 更 加 美好 。 但 事实 是 ， 一 旦 你 真 的 这 么 做 了 ， 束 会 友 
现 理 想 和 现实 之 间 的 差距 : 我 们 不 可 以 也 不 愿意 抛弃 这 些 不 同 的 坐标 空 
间 。 


事实 上 ， 在 我 们 的 生活 中 ， 我 们 也 总 是 使 用 不 同 的 坐标 空间 来 交 
流 。 现 在 正在 读 这 本 书 的 你 ， 很 可 能 正 坐 在 办 公 室 或 书房 中 。 如 采 问 
你 :“ 办 公 室 的 饮水 机 在 哪里 ? ”你 大 概 会 回答 : “在 办 公 室 门 的 左 方 3 米 
处 。” 这 里 ， 你 很 自然 地 使 用 了 以 门 为 原点 的 坐标 空间 。 现 在 ， 公 司 的 
前 台 小 姐 走 进门 来 ， 你 非常 惊讶 地 看 到 她 腔 上 还 残留 有 中 午 吃 饭 的 米 
粒 ! 我 们 假设 正在 读 这 本 书 的 你 是 一 个 好 心 而 且 不 喜欢 看 别人 笑话 的 
人 ， 这 时 你 可 能 会 提醒 她 :“ 嘿 ， 你 左 脸 上 面 有 些 东 西 没有 探 掉 ! ”此 


























时 ， 你 又 使 用 了 以 前 台 小 姐 的 嘴巴 为 原点 的 坐标 空间 。 如 果 只 有 一 个 坐 
标 系 会 怎么 样 呢 ?你 可 以 尝试 一 下 使 用 以 你 的 办 公 室 的 门 为 原 后 的 坐标 
空间 来 描述 前 台 小 姐 脸 上 的 一 粒 饭 粒 。 


再 比如 ， 我 们 每 个 人 所 生活 的 城市 可 以 看 成 是 一 个 世界 坐标 系 《〈 三 
维 泻 染 里 的 世界 坐标 系 将 在 4.6.5 节 中 讲 到 ) ， 这 个 坐标 系 的 坐标 轴 可 以 
认为 是 由 东南 西北 这 些 定义 的 方 回 轴 。 如 果 一 个 陌生 人 向 你 问 路 ， 你 很 
有 可 能 会 说 :“ 回 东 走 800 米 上 桥 ， 然 后 再 问 南 走 50 米 就 到 了 ”。 但 古 我 
们 知道 ， 现 实生 活 中 有 很 多 人 是 分 不 清 东 南西 北 的 (在 作者 小 时 候 ， 经 
常 使 用 “上 北 下 南 左 西 右 东 ”来 傻 傻 地 判断 东南 西北 ， 因 此 总 是 得 到 错误 
方位 〉。 如 果 现 在 有 一 个 饥 肠 回回 叉 分 不 清 东 南西 北 的 路 人 来 问 你 最 近 
的 餐厅 怎么 走 ， 你 可 能 会 说 : “你 先 往 前 走 50 米 ， 到 了 路 口 癌 磊 扮 100 米 
就 有 一 家 非常 好 吃 的 烤鸭 店 。? 此 时 ， 你 使 用 的 是 以 这 个 路 人 为 原点 的 
坐标 空间 。 想 象 一 下 ， 如 案 在 这 个 世界 上 我 们 只 能 使 用 东南 西北 来 描述 
所 有 东西 的 话 ， 该 会 有 多 少 人 会 被 饿 死 。 


由 此 可 见 ， 我 们 需要 在 不 同 的 情况 下 使 用 不 同 的 坐标 空间 ， 因 为 一 
些 概念 只 有 在 特定 的 坐标 空间 下 才 有 意义 ， 才 更 容易 理解 。 这 也 是 为 什 
么 在 泻 染 中 我 们 要 使 用 这 么 多 坐标 空间 。 


在 开始 介绍 一 些 不 同 的 坐标 空间 之 前 ， 读 者 需要 注意 ， 所 有 的 坐标 
空间 在 理论 上 都 是 平等 的 ， 没 有 谁 优 谁 劣 之 分 ， 不 会 因为 我 们 从 一 个 坐 
标 空 间 转 换 到 为 一 个 坐标 空间 计算 就 出 错 了 。 但 是 ， 在 特定 的 情况 下 ， 
一 些 坐 标 空间 的 确 比 另 一 些 坐标 空间 更 加 吸引 人 。 


现在 ， 束 让 我 们 来 看 一 下 在 游戏 泻 染 流水 线 中 ， 一 个 顶点 到 抵 经 过 
了 怎样 的 空间 变换 。 


4.6.2 ”坐标 空间 的 变换 


我 们 先 要 为 后 面 的 内 容 做 些 数学 铺垫 。 在 演 染 流水 线 中 ， 我 们 往往 
需要 把 一 个 点 或 方 回 天 量 从 一 个 坐标 空间 转换 到 为 一 个 坐标 空间 。 这 个 
过 程 到 底 是 怎么 实现 的 呢 ? 


我 们 把 问题 一 般 化 。 我 们 知道 ， 要 想 定义 一 个 坐标 空间 ， 必 须 指 明 
其 原点 位 置 和 3 个 坐标 轴 的 方 辐 。 而 这 些 数 值 实际 上 是 相对 于 为 一 个 坐 
标 空 间 的 《读者 需要 记 住 ， 所 有 的 都 是 相对 的 ) 。 也 就 是 说 ， 坐 标 空间 
会 形成 一 个 层次 结构 一 一 每 个 坐标 空间 都 是 力 一 个 坐标 空间 的 子 空间 ， 





















































反 过 来 说 ， 每 个 空间 都 有 一 个 父 〈parent) 坐标 空间 。 对 坐标 空间 的 变 
换 实 际 上 就 是 在 父 空间 和 子 空间 之 间 对 点 和 矢量 进行 变换 。 

假设 ， 现 在 有 父 坐 标 空间 P 以 及 一 个 子 坐标 空间 C 。 我 们 知道 在 父 
坐标 空间 中 子 坐 标 空 间 的 原点 位 置 以 及 3 个 单位 坐标 轴 。 我 们 一 般 会 有 
两 种 需求 : 一 种 需求 是 把 子 坐 标 空 间 下 表示 的 点 或 矢量 A .转换 到 父 坐 
标 空间 下 的 表示 A , ， 为 一 个 需求 是 反 过 来 ， 即 把 父 坐 标 空间 下 表示 的 





























扩 或 矢量 B , 转换 到 子 坐标 空间 下 的 表示 B 。。 我 们 可 以 使 用 下 面 的 公式 
来 表示 这 两 种 需求 : 

Av=M。 "A。 

B=-M, ..B, 











其 中 ，M 。, "表示 的 是 从 子 坐标 空间 变换 到 父 坐标 空间 的 变换 矩 
阵 ， 而 M ，, c 是 其 逆 矩 阵 《 即 反 辐 变换) 。 那 么 ， 现 在 的 问题 就 是 ， 妇 
何 求解 这 些 变换 窍 阵 ? 事实 上 ， 我 们 只 需要 解 出 两 者 之 一 即 可 ， 男 一 个 
和 矩阵 可 以 通过 求 逆 和 矩阵 的 方式 来 得 到 。 
下 面 ， 我 们 融 来 讲解 如 何 求 出 从 子 坐 标 空间 到 父 坐 标 空间 的 变换 矩 
C 一 D? 
首先 ， 我 们 来 回顾 一 个 看 似 很 简单 的 问题 : 当 给 定 一 个 坐标 空间 以 
及 其 中 一 点 (dbc) 时 ， 我 们 是 如 何 知 道 该 点 的 位 置 的 呢 ? 我 们 可 以 通过 
个 步骤 来 确定 它 的 位 置 : 


(1) 从 坐标 空间 的 原点 开始 ; 
(2) 问 x 轴 方 向 移动 a 个 单位 ; 
(3) 向 y 轴 方 向 移动 b 个 单位 ; 
(4) 向 z 轴 方 向 移动 c 个 单位 。 
需要 说 明 的 是 ， 上 面 的 步骤 只 是 我 们 的 想象 ， 这 个 点 实际 上 并 没有 


发 生 移动 。 上 面 的 步骤 看 起 来 再 简单 不 过 了 ， 坐标 空 间 的 变换 就 组 合 在 
上 面 的 4 个 步骤 中 。 现 在 ， 我 们 已 知 子 坐 标 空间 C 的 3 个 坐标 轴 在 父 坐标 
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空间 P 下 的 表示 x 。、y。、Zz。， 以 及 其 原点 位 置 O . 。 当 给 定 一 个 子 坐 本 
空间 中 的 一 点 4 = (4,b,c) ， 我 们 同样 可 以 依照 上 面 4 个 步骤 来 确定 其 在 
父 坐 标 空间 下 的 位 置 -1p : 
1. 从 坐标 空间 的 原点 开始 

这 很 简单 ， 我 们 已 经 知道 了 子 坐 标 空间 的 原点 位 置 Oe 。 
2， 癌 x 轴 方 同 移动 a 个 单位 


仍然 很 简单 ， 因 为 我 们 已 经 知道 了 x 轴 的 矢量 表示 ， 因 此 可 以 得 到 

















Oa + are 
3. 向 y 轴 方 向 移动 b 个 单位 
同样 的 道理 ， 这 一 步 就 是 : 
Oc + arec + bye 





4. 辣 z 轴 方 向 移动 c 个 单位 
最 后 ， 就 可 以 得 到 
O- 十 arTc 十 bc 十 cz 
现在 ， 我 们 已 经 求 出 了 M 。, ，! 什么 ? 你 没 看 出 来 吗 ? 我 们 再 来 看 
一 下 最 后 得 到 的 式 子 : 
Ap =Oc+arec 十 pe 十 cz 


读者 可 能 会 问 ， 这 个 式 子 里 根本 没有 和 矩阵 啊 ! 其 实 我 们 只 要 稍稍 使 
用 一 点 “魔法 "， 和 矩阵 束 会 出 现在 上 面 的 式 子 中 : 


Ap -一 ( 十 Te 十 pyc 十 Ce 


= (ZO0., Yo., 20.) + a(Tz., Yre, Zre) 十 DZ Lye) + (Ts Ys Ls.) 


rr. Ty. 了 a 
= (TO Yo 2O)+ | Yr Vy VY: b 
Zr 2 2 C 


| | a 
= (Zo. YO., 2O， ) 十 区 pb 
I C 


其 中 “| ”符号 表示 是 按 列 展开 的 。 上 面 的 式 子 实际 上 就 是 使 用 了 我 
们 之 前 所 学 的 公式 而 已 。 但 这 个 最 后 的 表达 式 还 不 是 很 漂 融 ， 因 为 还 存 
在 加 法 表达 式 ， 即 平移 变换 。 我 们 已 经 知道 3x3 的 矩阵 无 法 表示 平移 变 
Ee 我 们 把 上 面 的 式 子 扩展 到 齐 次 坐 
示 空 间 中 ， 得 

















| | | 0 a 
1/ re Ye ze 0 b 
dp 一 (人 TO- YO., 2zOD。， 1) 和 | | | 0 | 
0 0 0 1 1 
1] 0 0 zo. | | 0 a 
0 1 0 yo. Te We Ze" 0 b 
|10 0 1 2O， | | 0 ( 
0 0 0 1 0 0 0 1 1 
| | TO. a 
= Le Uc Zc UO., b 
| | zO、 
0 0 0 1 1 
1 
lz Ye zz Oc b 
人 


那么 现在 ， 你 看 到 M 。, "在 哪里 了 吧 ? 没 错 ， 





读者 : 这 个 看 起 来 太 神 奇 了 ! 怎么 就 变 着 变 着 束 出 现 了 矩阵 呢 ? 


我 们 : 上 面 只 是 运用 了 一 些 基 础 的 矢量 和 矩阵 运算 ， 一 旦 当 你 真正 
理解 了 这 些 运 算 就 会 发 现 上 面 的 过 程 只 是 简单 地 推导 了 一 下 而 已 。 


一 旦 求 出 来 M 。, , ，M ，， c 就 可 以 通过 求 逆 矩 阵 的 方式 求 出 来 ， 
为 从 坐标 空间 C 变换 到 坐标 空 s 同 P 与 从 坐标 空 x 间 了 变换 到 坐标 空间 C 是 
互 逆 的 两 个 过 程 。 


可 以 看 出 来 ， 变 换 和 矩阵 M 。, , 实际 上 可 以 通过 坐标 空间 C 在 坐标 衬 


间 P 中 的 原点 和 坐标 轴 的 矢量 表示 来 构建 出 来 : 把 3 个 坐标 轴 依 次 放 入 
矩阵 的 前 3 列 ， 把 原点 矢量 放 到 最 后 一 列 ， 再 用 0 和 1 填充 最 后 一 行 即 











需要 注意 的 是 ， 这 里 我 们 并 没有 要 求 3 个 坐标 轴 x 。、y 。 和 z 。 是 单位 
量 ， 事 实 上 ， 如 果 存 在 缩放 的 话 ， 这 3 个 矢量 值 很 可 能 不 是 单位 矢 
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更 加 令 人 振奋 的 是 ， 我 们 可 以 利用 反 向 思维 ， 从 这 个 变换 矩阵 反 推 
来 获取 子 坐 标 空间 的 原点 和 华 标 轴 方 向 ! 例如 ， 当 我 们 已 知 从 模型 空间 
到 世界 空间 的 一 个 4x4 的 变换 矩阵 ， 可 以 提取 它 的 第 一 列 再 进行 归 一 化 
后 〈 为 了 消除 缩放 的 影响 ) 来 得 到 模型 空间 的 x 轴 在 世界 空间 下 的 单位 
矢量 表示 。 同 样 的 方法 可 以 提取 y 轴 和 z 轴 。 我 们 可 以 从 另 一 个 角度 来 
理解 这 个 提取 过 程 。 因 为 矩阵 M 。, "可 以 把 一 个 方向 矢量 从 坐标 空间 C 
变换 到 坐标 空间 P 中 ， 那 么 ， 我 们 只 需要 用 它 来 变换 坐标 空间 C 中 的 x 
轴 (1,0,0.0)， 即 使 用 矩阵 乘法 M 。, , [1000] ， 得 到 的 结果 正 是 M 。_ ， 
的 第 一 列 。 


男 一 个 有 趣 的 情况 是 ， 对 方向 矢量 的 坐标 空间 变换 。 我 们 知道 ， 矢 

是 没有 位 置 的 ， 因 此 坐标 空间 的 原点 变换 是 可 以 忽略 的 。 也 就 是 说 ， 
0 不 会 对 矢量 造成 任何 影响 的 。 那 么 ， 对 矢 
量 的 坐标 空间 变换 就 可 以 使 用 3x3 的 和 矩阵 来 表示 ， 因 为 我 们 不 需要 表示 
平移 变换 。 那 么 变换 矩阵 就 是 : 
































在 Shader 中 ， 我 们 币 间 会 看 到 截取 变换 矩阵 的 前 3 行 前 3 列 来 对 法 线 
方 回 、 光 照 方向 来 进行 空间 变换 ， 这 正 古 原因 所 在 。 


现在 ， 我 们 再 来 关注 M ，, 。 。 我 们 前 面 讲 到 ， 可 以 通过 求 M 。 , 
道 矩 阵 的 方式 求解 出 来 反 向 变换 M ，， 。。 但 有 一 种 情况 我 们 不 需要 求 角 
道 矩 阵 就 可 以 得 到 M ，, 。， 这 种 情况 就 是 M 。, , 是 一 个 正 交 矩阵。 如 
它 是 一 个 正 交 和 矩阵 的 话 ，M 。 ,的 逆 矩 阵 就 等 于 它 的 转 置 和 矩阵 。 这 意 叶 
着 我 们 不 需要 进行 复杂 的 求 逆 操 作 就 可 以 得 到 反 向 变换 。 也 就 是 说 ， 











而 现在 ， 我 们 不 仅 可 以 根据 变换 矩阵 M 。, ， 反 推出 子 坐 标 空间 的 坐 
标 轴 方 向 在 父 坐 标 空间 中 的 表示 x 。、y 。 和 z 。， 还 可 以 反 推出 父 坐 标 空 | 
的 坐标 轴 方 向 在 子 坐 标 空间 中 的 表示 x , 、yp 和 z , ， 这 些 坐 标 轴 对 应 的 
就 是 M 。, , 的 每 一 行 ! 也 就 是 说 ， 如 果 我 们 知道 坐标 空间 变换 矩阵 M A 
,8 是 一 个 正 交 和 矩 了 泗 ， 那 么 我 们 可 以 提取 它 的 第 一 列 来 得 到 坐标 空间 A 
的 x 轴 在 坐标 空间 B 下 的 表示 ， 还 可 以 提取 它 的 第 一 行 来 得 到 坐标 空间 
B 的 x 轴 在 坐标 空间 A 下 的 表示 。 反 过 来 ， 如 果 我 们 知道 坐标 空间 也 的 x 
轴 、y 轴 和 z 轴 【《 必 须 是 单位 矢量 ， 否 则 构建 出 来 的 就 不 是 正 交 和 矩阵 
了 ) 在 坐标 空间 A 下 的 表示 ， 就 可 以 把 它们 依次 放 在 矩阵 的 每 一 行 就 可 
以 得 到 从 A 到 B 的 变换 矩阵 了 。 


读者 : 天 呐 ， 我 的 脑子 已 经 完全 乱 掉 了 ， 一 会 儿 从 P 到 C， 一 会 儿 
义 从 C 到 P， 一 会 儿 古 行 ， 一 会 儿 义 套 列 ， 我 目 己 号 的 时 候 一 是 会 搞 不 
清楚 ! 

我 们 我们 知道 这 个 过 程 很 容易 造成 思维 的 混乱 ， 因 此 才 要 花费 大 
量 的 篇 幅 来 解释 背后 的 数学 原理 。 只 有 知道 了 这 些 原理 ， 明 到 疑问 时 你 
才 知 道 怎 样 去 验证 结果 的 正确 性 。 例 如 像 下 面 这 样 。 


当 你 不 知道 把 坐标 轴 的 表示 是 按 行 放 还 是 按 列 放 的 时 候 ， 不 妨 移 选 
择 一 种 摆 放 方式 来 得 到 变换 矩阵 。 例 如 ， 现 在 我 们 想 把 一 个 天 量 从 坐标 


























空间 A 变换 到 坐标 空间 B ， 而 且 我 们 已 经 知道 坐标 空间 B 的 x 轴 、y 

轴 、z 轴 在 空间 A 下 的 表示 ， 即 xp 、yBg 和 zp 。 那 么 想 要 得 到 从 A 到 B 的 
变换 矩阵 M 4。 ,Bp ， 我 们 是 把 它们 按 列 放 呢 还 是 按 行 放 呢 ?如 果 读 者 实 帮 
想 个 起 来 正确 答案 ， 我 们 个 妨 先 随便 选择 一 种 万 式 ， 例 如 按 列 摊 放 。 屠 
A 








Ma_,B = | TB YB 2B 
| “1 141， 注意 ， 这 个 矩阵 是 不 对 的 
现在 ， 我 们 可 以 非常 快速 地 来 验证 它 是 否 是 正确 的 。 方 法 就 是 ， 
用 M 4。_, Bs 来 变换 xs 。 在 计算 前 我 们 先 想 一 下 这 个 结果 ， 如 果 我 们 用 变 
换 和 矩阵 来 变换 B 的 x 轴 的 话 ， 那 么 结果 应 该 是 (1,0,0) 才 对 。 因 为 当 变 换 到 
空间 B 中 时 ，x 轴 的 指 辣 就 是 (1,0,0)。 好 了 ， 我 们 可 以 来 进行 真正 的 计算 


来 验证 它 了 ， 
| | 
MASBTIB= | TB YB 2B | IB 


| | 
读者 看 到 这 里 会 有 疑问 , “我 不 知道 这 个 结果 是 什么 啊 ”。 没 错 ， 这 
不 是 你 的 计算 有 问题 ， 而 是 上 式 的 计算 结果 的 确 不 可 知 。 这 种 时 候 你 惑 
会 及 现 我 们 的 摆 放 方式 选择 错 了 。 现 在 ， 我 们 使 用 正确 的 摆 放 方式 ， 即 
按 行 来 摆 放 ， 那 么 就 有 : 


一 TB 一 TB .IIB ] 
Mia_,BTB = |— VB —|7TB= |IYyB*:TB| = |0 
zB 一 zB ITH 0 


这 次 结果 就 和 我 们 预期 的 一 样 了 。 


理解 上 面 的 原理 和 过 程 非常 重要 。 我 们 在 本 书 的 后 面 也 会 经 常 遇 到 
坐标 空间 的 变换 。 


4.6.3 顶点 的 坐标 空间 变换 过 程 
我 们 知道 ， 在 演 染 流水 线 中 ， 一 个 顶点 要 经 过 多 个 坐标 空间 的 变换 








才能 最 终 被 画 在 屏幕 上 。 一 个 顶点 最 开始 是 在 模型 空间 〈 见 4.6.4 节 ) 中 
定义 的 ， 最 后 它 将 会 变换 到 屏幕 空间 〈 见 4.6.8 节 ) 中 ， 得 到 真正 的 屏 攻 
We 
9 过程。 


为 了 帮助 读者 理解 这 个 过 程 ， 我 们 将 建立 在 农场 游戏 的 实例 背景 
每 讲 到 一 种 空间 变换 ， 我 们 会 解释 如 何 应 用 到 这 个 案例 中 。 


在 我 们 的 农场 游戏 中 ， 妞 妞 很 好 奇 目 己 是 如 何 被 泻 染 到 屏幕 上 的 。 
只 知道 自己 和 一 群 小 伙伴 在 农场 里 快乐 地 吃 草 ， 而 前 面 有 一 个 摄像 机 
直 在 观察 它们 ， 如 图 4.31 所 示 。 妞 妞 特别 喜欢 目 己 的 愉 子 ， 它 想 知道 
子 是 怎么 航 画 到 屏幕 上 的 ? 
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场景 中 妞妞 的 鼻子 











A 图 4.31 场景 中 的 妞妞 〈 左 图 ) 和 屏幕 上 的 妞妞 〈 右 图 ) 。 妞 妞 想 知道 ， 自 己 的 鼻子 是 如 何 
被 画 到 屏幕 上 的 


下 在 下 面 的 内 容 中 ， 我 们 将 了 解 妞妞 的 异 子 是 如 何 一 步 步 画 到 屏幕 上 


4.6.4 模型 空间 


模型 空间 (model space) ， 如 它 的 名 字 所 暗示 的 那样 ， 是 和 某 个 
模型 或 者 说 是 对 象 有 关 的 。 有 时 模型 空间 也 被 称 为 对 象 空间 (object 
space) 或 局 部 空间 (local space) 。 每 个 模型 都 有 自己 独立 的 坐标 空 
间 ， 当 它 移 动 或 旋转 的 时 候 ， 模 型 空间 也 会 跟着 它 移动 和 旋转 。 把 我 们 





自己 当成 游戏 中 的 模型 的 话 ， 当 我 们 在 办 公 室 里 移动 时 ， 我 们 的 模型 空 
间 也 在 跟着 移动 ， 当 我 们 转身 时 ， 我 们 本 身 的 前 后 左右 方向 也 在 跟着 改 
变 。 





在 模型 空间 中 ， 我 们 经 营 使 用 一 点 万 同 概念 ， 例如 "前 
(forward) ， i Cback) ， a left) ms A et 
(up) ”、“ 下 (down) ”。 在 本 书 中 ， 我 们 把 这 些 方向 各 尔 为 自然 方 问 。 
模型 空间 中 的 坐标 轴 通 常会 使 用 这 些 自然 方向 。 在 4.2.4 节 中 我 们 讲 过 ， 
Unity 在 模型 空间 中 使 用 的 是 左手 坐标 系 ， 因 此 在 模型 空间 中 ，+x 轴 、 
+y 轴 、+z 轴 分 别 对 应 的 是 模型 的 右 、 上 和 前 向 。 需 要 注意 的 是 ， 模 型 
坐标 空间 中 的 x 轴 、y 轴 、z 轴 和 自然 方 回 的 对 应 不 一 定 是 上 述 这 种 关 
系 ， 但 由 于 Unity 使 用 的 是 这 样 的 约定 ， 因 此 本 书 将 使 用 这 种 方式 。 我 
意 对 象 束 可 以 看 见 它们 对 应 的 模型 空间 

3 个 


模型 空间 的 原点 和 坐标 轴 通 常 是 由 美术 人 员 在 建 模 软 件 里 确定 好 
的 。 当 导入 到 Unity 中 后 ， 我 们 可 以 在 顶点 着 色 器 中 访问 到 模型 的 顶点 
信息 ， 其 中 包含 了 每 个 顶点 的 坐标 。 这 些 坐 标 都 是 相对 于 模型 空间 中 的 
原点 (通常 位 于 模型 的 重心 ) 定义 的 。 


当 我 们 把 妞妞 放 到 场景 中 时 ， 就 会 有 一 个 模型 坐标 空间 时 刻 跟随 着 
它 。 妞 妞 鼻子 的 位 置 可 以 通过 访问 顶点 属性 来 得 到 。 假 设 这 个 位 置 是 (0， 
2, 4)， 由 于 顶点 变换 中 往往 包含 了 平移 变换 ， 因 此 需要 把 其 扩展 到 齐 次 
坐标 系 下 ， 得 到 顶点 坐标 是 (0, 2, 4, 1)， 如 图 4.32 所 示 。 














+Z (前 ) 





A 图 4.32 ”在 我 们 的 农场 游戏 中 ， 每 个 奶牛 都 有 自己 的 模型 坐标 系 。 在 模型 坐标 系 中 妞妞 鼻子 
的 位 置 是 (0, 2, 4, 1) 


4.6.5 ”世界 空间 


世界 空间 (world space) 是 一 个 特殊 的 坐标 系 ， 因 为 它 建 立 了 我 
们 所 关心 的 最 大 的 空间 。 一 些 读者 可 能 会 指出 ， 空 间 可 以 是 无 限 大 的 ， 
怎么 会 有 “最 大 ”这 一 说 昵 ? 这 里 说 的 最 大 指 的 是 一 个 宏观 的 概念 ， 也 就 
是 说 它 是 我 们 所 关心 的 最 外 层 的 坐标 空间 。 以 我 们 的 农场 游戏 为 例 ， 在 
这 个 游戏 里 世界 空间 指 的 就 是 农场 ， 我 们 不 关心 这 个 农场 是 在 什么 地 
方 ， 在 这 个 虚拟 的 游戏 世界 里 ， 农 场 就 是 最 大 的 空间 概念 。 


世界 空间 可 以 被 用 于 描述 绝对 位 置 (较真 的 读者 可 能 会 再 一 次 提醒 
我 ， 没 有 绝对 的 位 置 。 没 错 ， 但 我 相信 读者 可 以 明白 这 里 绝对 的 意 
思 ) 。 在 本 书 中 ， 绝 对 位 置 指 的 束 是 在 世界 坐标 系 中 的 位 置 。 通 常 ， 我 
们 会 把 世界 空间 的 原点 放置 在 游戏 空间 的 中 心 。 


在 Unity 中 ， 志 界 空间 同样 使 用 了 左手 坐标 系 。 但 它 的 x 轴 、y 轴 、z 
轴 是 固定 不 变 的 。 在 Unity 中 ， 我 们 可 以 通过 调整 Transform 组 件 中 的 

















Position 属 性 来 改变 模型 的 位 置 ， 这 里 的 位 置 指 的 是 相对 于 这 个 
Transform 的 父 节 点 (parent) 的 模型 坐标 空间 中 的 原点 定义 的 。 如 果 
一 个 Transform 没 有 任何 父 节 点 ， 那 么 这 个 位 置 就 是 在 世界 坐标 系 中 的 
位 置 ， 如 图 4.33 所 示 。 我 们 可 以 想 象 成 还 有 一 个 虚拟 的 根 模型 ， 这 个 根 
模型 的 模型 空间 就 是 世界 空间 ， 所 有 的 游戏 对 象 都 附属 于 这 个 根 模型 。 
同样 ，Transform 中 的 Rotation 和 Scale 也 是 同样 的 道理 。 


顶点 变换 的 第 一 步 ， 就 是 将 顶点 坐标 从 模型 空间 变换 到 世界 空间 
中 。 这 个 变换 通常 叫做 模型 变换 (model transform) 。 


现在 ， 我 们 来 对 妞妞 的 鼻子 进行 模型 变换 。 为 此 ， 我 们 首先 需要 知 
道 妞 妞 在 世界 坐标 系 中 进行 了 哪些 变换 ， 这 可 以 通过 面板 中 的 
Transform 组 件 来 得 到 相关 的 变换 信息 ， 如 图 4.34 所 示 。 











去 Hierarchy @ Inspector 


MM Cow | OStatic v 
Tag | Untagged $ | Layer| Default + 


“Cow” 没 有 父 节 点 ， prefab Sel | R | Appl 
POsition 是 在 世界 空 有 reab ssee -一 -一 


间 中 的 位 置 








回 IMesh Dstatic > 
“Mesh” 有 父 节 Tag pie < | ie 


EE (OWE 
Position 是 








Position  X[-171 |]Y0 |z|0 a ~ 
Rotation Xl0 | Yi15035 z0 | 
Scale xl 上 一 国 : 








A 图 4.33 Unity 的 Transform 组 件 可 以 调节 模型 的 位 置 。 如 果 Transform 有 父 节点 ， 如 图 中 
的 “Mesh”， 那 么 Position 将 是 在 其 父 节 点 (这 里 是 *Cow”) 的 模型 空间 中 的 位 置 ; 如 果 没 有 父 节 
点 ，Position 就 是 在 世界 空间 中 的 位 置 























4 图 4.34 农场 游戏 中 的 世界 空间 。 世 界 空间 的 原点 被 放置 在 农场 的 中 心 。 左 下 和 角 显 示 了 妞妞 
在 世界 空间 中 所 做 的 变换 。 我 们 想 要 把 妞妞 的 眉 子 从 模型 空间 变换 到 世界 空间 中 


根据 Transform 组 件 上 的 信息 ， 我 们 知道 在 世界 空间 中 ， 妞 妞 进行 
了 (2, 2, 2) 的 缩放 ， 又 进行 了 (0, 150, 0) 的 旋转 以 及 (5, 0, 25) 的 平移 。 注 意 
这 里 的 变换 顺序 是 不 能 互 换 的 ， 即 先进 行 缩放 ， 再 进行 旋转 ， 最 后 是 平 
移 。 据 此 我 们 可 以 构建 出 模型 变换 的 变换 矩阵 : 
1 0 0 十 cosg 0 sing 0 fk 0 0 0 


0 104 0 1 0 0 0 k, 0 0 
0 0 1 t| |-sing 0 cosg 0| |0 0 k. 0 





上 Tnodel = 


1]00 5 一 0.800 0 0.5 0 200 0 
0 1 0 0 0 | U 0 0 2 0 0 
0 0 1 25 —0.5 0 —0.866 0 0 0 2 0 


现在 我 们 可 以 用 它 来 对 妞妞 的 蜡 子 进行 模型 变换 了: 
P world 一 M model P model 


_1.732 0 1 5 

0 2 0 (| 这 
-1 0 =1739 251 14| 小 18072 
(人 (人 (人 1 1 


也 束 是 说 ， 在 世界 空间 下 ， 妞 妞 晃 子 的 位 置 是 (9, 4, 18.072)。 注 


意 ， 这 里 的 浮 点 数 都 是 近似 值 ， 这 里 近似 到 小 数 点 后 3 位 。 实 际 数值 和 
Unity 采 用 的 浮 点 值 精度 有 关 。 





4.6.6 ”观察 空间 


观察 空间 (view space) 也 被 称 为 摄像 机 空间 (camera space) 。 
观察 空间 可 以 认为 是 模型 空间 的 一 个 特例 一 一 在 所 有 的 模型 中 有 一 个 非 
第 特殊 的 模型 ， 即 摄像 机 《虽然 通常 来 说 摄像 机 本 号 是 不 可 见 的) ， 它 
的 模型 空间 值得 我 们 单独 拿 出 来 讨论 ， 也 就 是 观察 空间 。 


摄像 机 决定 了 我 们 泻 染 游 戏 所 使 用 的 视角 。 在 观察 空间 中 ， 摄 像 机 
位 于 原点 ， 同 样 ， 其 坐标 轴 的 选择 可 以 是 任意 的 ， 但 由 于 本 书 讨论 的 是 
以 Unity 为 主 ， 而 Unity 中 观察 空间 的 坐标 轴 选 择 是 ，+x 轴 指 向 右 方 ，+y 
轴 指 向 上 方 ， 而 +z 轴 指 辣 的 是 摄像 机 的 后 方 。 读 者 在 这 里 可 能 谢 得 很 
奇怪 ， 我 们 之 前 讨论 的 模型 空间 和 世界 空间 中 +z 轴 指 的 都 是 物体 的 前 
方 ， 为 什么 这 里 不 一 样 了 呢 ? 这 是 因为 ，Unity 在 模型 空间 和 世界 空间 
中 选用 的 都 是 左手 坐标 系 ， 而 在 观察 空间 中 使 用 的 是 右手 坐标 系 。 这 是 
和 
z 轴 方 癌 。 








这 种 左右 手 坐 标 系 之 间 的 改变 很 少 会 对 我 们 在 Unity 中 的 编程 产生 
影响 ， 因 为 Unity 为 我 们 做 了 很 多 演 染 的 底层 工作 ， 包 括 很 多 坐标 空间 
的 转换 。 但 是 ， 如 果 读 者 需要 调用 类 似 Camera.cameraToWorldMatrix、 
Camera.worldToCameraMatrix 等 接口 自行 计算 某 模型 在 观察 空间 中 的 位 
置 ， 就 要 小 心 这 样 的 差异 。 


最 后 要 提醒 读者 的 一 点 是 ， 观 察 空 间 和 屏幕 空间 〈 详 见 4.6.8 节 ) 是 
不 同 的。 观察 空间 是 一 个 三 维 空间 ， 而 屏幕 空间 是 一 个 二 维 空间 。 从 观 
察 空 间 到 屏幕 空间 的 转换 需要 经 过 一 个 操作 ， 那 就 是 投影 
Cprojection) 。 我 们 后 面 就 会 讲 到 。 


顶点 变换 的 第 二 步 ， 就 是 将 顶点 坐标 从 世界 空间 变换 到 观察 空间 
中 。 这 个 变换 通 稍 叫做 观察 变换 (view transform) 。 


回 到 我 们 的 农场 游戏 。 现 在 我 们 需要 把 妞妞 的 蛋子 从 世界 空间 变换 
到 观察 空间 中 。 为 此 ， 我 们 需要 知道 世界 坐标 系 下 摄像 机 的 变换 信息 。 
这 同样 可 以 通过 摄像 机 面板 中 的 Transform 组 件 得 到 ， 如 图 4.35 所 示 。 
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A 图 4.35 ”农场 游戏 中 摄像 机 的 观察 空间 。 观 察 空 间 的 原点 位 于 摄像 机 处 。 注 意 在 观察 空间 
中 ， 摄 像 机 的 前 向 是 z 轴 的 负 方 向 “图 中 只 画 出 了 z 轴 正 方向 ) ， 这 是 因为 Unity 在 观察 空间 中 使 
用 了 右手 坐标 系 。 左 下 角 显 示 了 摄像 机 在 世界 空间 中 所 做 的 变换 。 我 们 想 要 把 妞妞 的 蜡 子 从 世 

界 空 间 变 换 到 观察 空间 中 


为 了 得 到 顶点 在 观察 空间 中 的 位 置 ， 我 们 可 以 有 两 种 方法 。 一 种 方 
法 是 计算 观察 空间 的 三 个 坐标 轴 在 世界 空间 下 的 表示 ， 然 后 根据 4.6.2 贡 
中 讲 到 的 方法 ， 构 建 出 从 观察 空间 变换 到 世界 空间 的 变换 矩阵 ， 再 对 该 
窍 阵 求 逆 来 得 到 从 世界 空间 变换 到 观察 空间 的 变换 窍 阵 。 我 们 还 可 以 使 
用 另 一 种 方法 ， 即 想象 平移 整个 观察 空间 ， 让 摄像 机 原点 位 于 世界 坐标 
的 原点 ， 坐 标 轴 与 世界 空间 中 的 坐标 轴 重 合 即 可 。 这 两 种 方法 得 到 的 变 
换 矩 阵 都 是 一 样 的 ， 不 同 的 只 是 我 们 思考 的 方式 。 


这 里 我 们 使 用 第 二 种 方法 。 由 Transform 组 件 可 以 知道 ， 摄 像 机 在 
世界 空间 中 的 变换 是 先 按 (30, 0, 0) 进 行 旋转 ， 然 后 按 (0, 10, -10) 进 行 了 
平移 。 那 么 ， 为 了 把 摄像 机 重新 移 回 到 初始 状态 (这 里 指 摄 像 机 原点 位 
于 世界 坐标 的 原点 、 坐 标 轴 与 世界 空间 中 的 坐标 轴 重 合 ) ， 我 们 需要 进 
行 逆 癌变 换 ， 即 先 按 (0, -10, 10) 平 移 ， 以 便 将 摄像 机 移 回 到 原点 ， 再 按 
(-30, 0, 0) 进 行 旋 转 ， 以 便 让 坐标 轴 重 合 。 因 此 ， 变 换 矩 阵 束 是 : 

























































































1 0 0 0 1 0 0 二 
yy 2 |0 cosg —sing 0 0 104 
Se 0 sing cos8 0 0 0 1 +t. 
0 0 0 1 0 0 0 1 
1 0 0 0 100 0 
0 0.866 05 0 0 1 0 -10 
”|0 -0.5 0.866 0 0 0 1 10 
0 0 人 ‘1 | 
1 0 0 0 
0 0.866 0.5 一 3.66 
~ 10 -0.5 0.866 13.66 
0 0 0 1 


但 是 ， 由 于 观察 空间 使 用 的 是 右手 坐标 系 ， 因 此 需要 对 z 分 量 进行 
0 0 0 


M View =M negate z M view 
1 0 ()} 0 1 0 人 0 
0 1 U 0 0 0.866 0.5 —3.66 
一 = 二 性 0 一 0.5 0.866 13.66 
U 0 0 1 0 0 0 1 
1 0 0) 0 
加 0 0.866 0.5 一 3.00 
10 0.5 一 0.866 一 13.66 
0 0) 0 1 
现在 我 们 可 以 用 它 来 对 妞妞 的 盟 子 进行 顶点 变换 了 : 
P view =M view P world 
1 0 0 0 Uy be 
0 0.866 0.5 一 3.00 1 8.84 
0 0.5 —0.866 一 13.66 18.072| |—27.31 
() () 0 1 1 1 





这 样 ， 我 们 就 得 到 了 观察 空间 中 妞妞 明子 的 位 置 一 一 (9， 
8.84,-27.31)。 


4.6.7 ”裁剪 空间 


顶点 接 下 来 要 从 观察 空间 转换 到 裁剪 空间 (dlip space， 也 被 称 为 
齐 次 裁剪 空间 ) 中 ， 这 个 用 于 变换 的 矩阵 叫做 裁 台 和 滤 阵 《dlip matrix ) 
， 也 被 称 为 投影 矩阵 〈projection matrix ) 


裁剪 空间 的 目标 是 能 够 方便 地 对 泻 染 图 元 进行 裁剪: 完全 位 于 这 块 
空间 内 部 的 图 元 将 会 被 保留 ， 完 全 位 于 这 块 空间 外 部 的 图 元 将 会 被 易 
除 ， 而 与 这 块 空间 边界 相交 的 图 元 就 会 被 裁 六 。 那 么 ， 这 块 空间 是 如 何 
决定 的 呢 ? 答案 是 由 视 锥 体 (view frustum) 来 决定 。 


视 锥 体 指 的 是 空间 中 的 一 块 区 域 ， 这 块 区 域 决定 了 摄像 机 可 以 看 到 
的 空间 。 视 锥 体 由 六 个 平面 包围 而 成 ， 这 些 平面 也 被 称 为 裁剪 平面 
(clip planes) 。 视 锥 体 有 两 种 类 型 ， 这 涉及 两 种 投影 类 型 : 一 种 是 正 


交 投 影 (orthographic projection) ， 一 种 是 透视 投影 〈perspective 














projection) 。 图 4.36 显 示 了 从 同一 位 置 、 同 一 角度 演 染 同一 个 场景 的 
两 种 摄像 机 的 泻 染 结果 。 
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A 图 4.36 ”透视 投影 〈 左 图 ) 和 正 交 投影 〈 右 图 ) 。 左 下 角 分 别 显示 了 当前 摄像 机 的 投影 模式 
和 相关 属性 


从 图 中 可 以 发 现 ， 在 透视 投影 中 ， 地 板 上 的 平行 线 并 不 会 保持 平 
行 ， 离 摄像 机 越 近 网 格 越 大 ， 离 摄像 机 越 远 网 格 越 小 。 而 在 正 交 投影 
中 ， 所 有 的 网 格 大 小 都 一 样 ， 而 且 平 行 线 会 一 直 保持 平行 。 可 以 注意 
到 ， 透 视 投 影 模 拟 了 人 眼看 世界 的 方式 ， 而 正 交 投影 则 完全 保留 了 物体 
的 距离 和 角度 。 因 此 ， 在 追求 真实 感 的 3D 游 戏 中 我 们 往往 会 使 用 透视 
A 

区 投影 。 


在 视 锥 体 的 6 块 裁 筋 平面 中 ， 有 两 块 裁 甬 平面 比较 特殊 ， 它 们 分 别 
被 称 为 近 剪 裁 平 面 (near clip plane) 和 远 剪 裁 平面 〈far clip plane) 
。 它 们 决定 了 摄像 机 可 以 看 到 的 深度 范围 。 正 交 投 影 和 透视 投影 的 视 锥 
体 如 图 4.37 所 示 。 





近 裁 剪 平 面 近 裁 前 平面 


将. 组， 





和 图 4.37” 视 锥 体 和 裁剪 平面 。 左 图 显示 了 透视 投影 的 视 锥 体 ， 右 图 显示 了 正 交 投影 的 视 锥 体 


由 疼 4.37 可 以 看 出 ， 透 视 投影 的 视 锥 体 是 一 个 金字 塔 形 ， 侧 面 的 4 
个 裁剪 平面 将 会 在 摄像 机 处 相交 。 它 更 符合 视 锥 体 这 个 词语 。 正 交 投 影 
的 视 锥 体 是 一 个 长 方 体 。 前 面 讲 到 ， 我 们 希望 根据 视 锥 体 半 成 的 区 域 对 
图 元 进行 裁 甬 ， 但 是 ， 如 果 直 接 使 用 视 锥 体 定 义 的 空间 来 进行 裁 甬 ， 那 
么 不 同 的 视 锥 体 就 需要 不 同 的 处 理 过 程 ， 而 且 对 于 透视 投影 的 视 锥 体 来 
说 ， 想 要 判断 一 个 顶点 是 否 处 于 一 个 金字 塔 内 部 是 比较 肝 烦 的 。 因 此 ， 
我 们 想 用 一 种 更 加 通用 、 方 便 和 整洁 的 方式 来 进行 裁 甬 的 工作 ， 这 种 方 
式 就 是 通过 一 个 投影 矩阵 把 项 氮 转换 到 一 个 裁 甬 空间 中 。 


投影 矩阵 有 两 个 目的 : 


。 首先 是 为 投影 做 准备 。 这 是 个 迷惑 点 ， 虽 然 投影 矩阵 的 名 称 包含 了 
投影 二 字 ， 但 是 它 并 没有 进行 真正 的 投影 工作 ， 而 是 在 为 投影 做 准 
备 。 真 正 的 投影 发 生 在 后 面 的 齐 次 除法 (homogeneous division ) 
过 程 中 。 而 经 过 投影 怎 阵 的 变换 后 ， 顶 点 的 w 分 量 将 会 具有 特殊 的 
4 
读者 : 投影 到 底 是 什么 意思 呢 ? 

我 们 : 可 以 理解 成 是 一 个 空间 的 降 维 ， 例 如 从 四 维 空间 投影 到 三 维 
空间 中 。 而 投影 矩阵 实际 上 并 不 会 真 的 进行 这 个 步骤 ， 它 会 为 真正 的 投 


影 做 准备 工作 。 真 正 的 投影 会 在 屏幕 映射 时 发 生 ， 通 过 齐 次 除法 来 得 到 
二 维 坐 标 。 有 具体 会 在 4.6.8 节 中 讲 到 。 














。 其 次 是 对 x 、y 、z 分 量 进 行 缩 放 。 我 们 上 面 讲 过 直接 使 用 视 锥 体 的 
6 个 裁 筋 平面 来 进行 裁 盘 会 比较 及 烦 。 而 经 过 投影 扎 阵 的 缩放 后 ， 
我 们 可 以 直接 使 用 w 分 量 作为 一 个 范围 值 ， 如 果 x 、y 、z 分 量 都 位 
于 这 个 范围 内 ， 就 说 明 该 项 点 位 于 裁剪 空间 内 。 


在 裁 蚤 空间 之 前 ， 昌 然 我 们 使 用 了 齐 次 坐标 来 表示 点 和 矢量 ,但 它 
们 的 第 四 个 分 量 都 是 固定 的 : 点 的 w 分 量 是 1， 方 向 矢量 的 w 分 量 是 0。 
经 过 投影 窍 阵 的 变换 后 ， 我 们 就 会 赋予 齐 次 坐标 的 第 4 个 坐标 更 加 丰富 
的 合 义 。 下 面 ， 我 们 来 看 一 下 两 种 投影 类 型 使 用 的 投影 矩阵 具体 是 什 
A 














1. 透视 投影 


视 锥 体 的 意义 在 于 定义 了 场景 中 的 一 块 三 维 空间 。 所 有 位 于 这 块 空 
间 内 的 物体 将 会 被 泻 染 ， 否 则 就 会 被 吻 除 或 裁 驴 。 我 们 已 经 知道 ， 这 块 
区 域 由 6 个 裁剪 平面 定义 ， 那 么 这 6 个 裁剪 平面 又 是 怎么 决定 的 呢 ? 在 
Unity 中 ， 它 们 由 Camera 组 件 中 的 参数 和 Game 视 图 的 横 纵 比 共 同 决定 ， 
如 图 4.38 所 示 。 
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4 图 4.38 ”透视 摄像 机 的 参数 对 透视 投影 视 锥 体 的 影响 


由 图 4.38 可 以 看 出 ， 我 们 可 以 通过 Camera 组 件 的 Field of View 〈 简 
称 FOV) 属性 来 改变 视 锥 体 竖 直方 向 的 张 开 和 角度， 而 Clipping Planes 中 
的 Near 和 Far 参 数 可 以 控制 视 锥 体 的 近 裁 前 平面 和 远 裁 剪 平 面 距离 摄像 
这 样 ， 我 们 可 以 求 出 视 锥 体 近 裁剪 平面 和 远 裁 剪 平 面 的 高 
总， 就 是 XE : 











nearClipPlaneHeight = 2: Near .tan 一 LOV 
farClipPlaneHeight = 2: Far .tan 二 Fof 


现在 我 们 还 缺乏 横 回 的 信息 。 这 可 以 通过 摄像 机 的 横 纵 比 得 到 。 在 
Unity 中 ， 一 个 摄像 机 的 横 纵 比 由 Game 视 图 的 横 纵 比 和 Viewport Rect 中 
的 W 和 理 属 性 共同 决定 (实际 上 ，Unity 允 许 我 们 在 脚本 里 通过 


Camera.aspect 进 行 更 改 ， 但 这 里 不 做 讨论 ) 。 假 设 ， 当 前 摄像 机 的 横 纵 
比 为 Aspect， 我 们 定义 : 


nearClipPlaneWidth 





Aspect = nearC lipPlane Height 
Aspect = farClipPlaneW idth 
a farClipPlaneHeight 


现在 ， 我 们 可 以 根据 已 知 的 Near、Far、FOV 和 Aspect 的 值 来 确定 透 
视 投 影 的 投影 矩阵 。 如 下 : 








CO FOV 
de 0 0 0 
Aspect my 
Vf, 加 0 cot 一 0 0 
frustum 一 0 0 一 Far 十 Near 2.Vear-Far 





Far—Near Far—Near 
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上 面 公式 的 推导 部 分 可 以 参见 本 章 的 扩展 阅读 部 分 。 需 要 注意 的 
是 ， 这 里 的 投影 矩阵 是 建立 在 Unity 对 坐标 系 的 假定 上 面 的 ， 也 就 是 
说 ， 我 们 针对 的 是 观察 空间 为 右手 坐标 系 ， 使 用 列 窍 阵 在 矩阵 右 侧 进行 
相 乘 ， 且 变换 后 z 分 量 范围 将 在 [-w , w ] 之 间 的 情况 。 而 在 类 似 DirectX 这 
样 的 图 形 接口 中 ， 它 们 希望 变换 后 z 分 量 范围 将 在 [0, w ] 之 间 ， 因 此 就 
再 要 对 上 面 的 透视 官 阵 进行 一 些 更 改 。 这 不 在 本 书 的 讨论 范围 内 。 


而 一 个 顶点 和 上 述 投影 矩阵 相 乘 后 ， 可 以 由 观察 空间 变换 到 裁 藤 空 
间 中 ， 结 果 如 下 : 
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从 结果 可 以 看 出 ， 这 个 投影 矩阵 本 质 就 是 对 x 、y 和 z 分 量 进行 了 不 


同 程度 的 缩放 《当然 ，z 分 量 还 做 了 一 个 平移 ) ， 缩 放 的 目的 是 为 了 方 
便 裁 剪 。 我 们 可 以 注意 到 ， 此 时 顶点 的 w 分 量 不 再 是 1， 而 是 原先 z 分 量 
的 取 反 结 末 。 现 在 ,我 们 就 可 以 按 如 下 不 等 式 来 判断 一 个 变换 后 的 顶点 
须 满 : 








—W <x <w 
—w <y <w 
—w <z <w 


任何 不 满足 上 述 条 件 的 图 元 都 需要 个 吻 除 或 者 裁 蚤 。 图 4.39 显 示 了 
经 过 上 述 投影 窍 阵 后 ， 视 锥 体 的 变化 。 











®— x =farClipPlaneWidth /2 


x = -farClipPlaneWidth / 2 y= farClipPlaneHeight /2 


y= -farClipPlaneHeight / 2 








z= -Far 
w=1 F 
裁剪 矩阵 其 
息 
x = -nearClipPlaneWidth /2 
y = -nearClipPlaneHeight / 2 
z=-Near 
w=1 
X = -Near 
=-N 
x=nearClipPlaneWidth / 2 = ee 
y = nearClipPlaneHeight / 2 w = Near 


z= -Near 


w=1 X= Near 






y= Near 
z= -Near 
W = Near 





4 图 4.39 在 透视 投影 中 ， 投 影 矩 阵 对 顶点 进行 了 缩放 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变 
换 后 的 结果 。 从 这 些 结果 可 以 看 出 x 、y 、z 和 w 分 量 的 范围 发 生 的 变化 


从 图 4.39 还 可 以 注意 到 ， 裁 可 矩 阵 会 改变 空间 的 旋回 性 :空间 从 石 
0 
2. 正 交 投影 


首先 ， 我 们 还 是 看 一 下 正 交 投影 中 的 6 个 裁剪 平面 是 如 何 定 义 的 。 

















和 透视 投影 类 似 ， 在 Unity 中 ， 它 们 也 是 由 Camera 组 件 中 的 参数 和 Game 
视图 的 横 纵 比 共同 决定 ， 如 图 4.40 所 示 。 
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4 图 4.40 ” 正 交 摄像 机 的 参数 对 正 交 投影 视 锥 体 的 影响 


正 交 投影 的 视 锥 体 是 一 个 长 方 体 ， 因 此 计算 上 相 比 透视 投影 来 说 更 
加 人 简单。 由 图 可 以 看 出 ， 我 们 可 以 通过 Camera 组 件 的 Size 属 性 来 改变 视 
锥 体 竖 直方 向 上 高 度 的 一 半 ， 而 Clipping Planes 中 的 Near 和 Far 参 数 可 以 
控制 视 锥 体 的 近 裁 勇平 面 和 远 裁 勇平 面 距离 摄像 机 的 远近 。 这 样 ， 我 们 
可 以 求 出 视 锥 体 近 裁剪 平面 和 远 裁 剪 平 面 的 高 度 ， 也 就 是 : 














nearClipPlaneHeight=2 :Size 
farClipPlaneHeight=nearClipPlaneHeight 


现在 我 们 还 缺乏 横向 的 信息 。 同 样 ， 我 们 可 以 通过 摄像 机 的 横 纵 比 
得 到 。 假 设 ， 当 前 摄像 机 的 横 纵 比 为 Aspect， 那 么 : 


nearClipPlaneWidth=Aspect :nearClipPlaneHeight 
farClipPlaneWidth=nearClipPlaneWidth 


现在 ， 我 们 可 以 根据 已 知 的 Near、Far、Size 和 Aspect 的 值 来 确定 正 
交 投 影 的 裁剪 算 孟 。 如 下 : 


Aspt Ct-S1E 0 0 0 
0 fraclSizte 0 0 
上 /a tho 一 0 0 2 Far 十 Near 
Far—N ear Far—Near 
0 0 U 


上 面 公式 的 推导 部 分 可 以 参见 本 章 的 扩展 阅读 部 分 。 同 样 ， 这 里 的 
投影 矩阵 是 建立 在 Unity 对 坐标 系 的 假定 上 面 的 。 


一 个 项 点 和 上 述 投影 矩阵 相 乘 后 的 结果 如 下 : 


P 





clip =M ortho P View 


1 
Aspect-Sie 0 0 0 

0 fraclSize 0 0 1 

0 0 2 Far +Nt OT 
Far—N ear Far—Near 


0 0 0 1 | 





» 
Aspect- Dt 
1 


= Size 
= 2 Far+iNear 


Far Near Far—Near 
1 











注意 到 ， 和 透视 投影 不 同 的 是 ， 使 用 正 交 投影 的 投影 矩阵 对 顶点 进 
行 变换 后 ， 其 w 分 量 仍然 为 1。 本 质 是 因为 投影 矩阵 最 后 一 行 的 不 同 ， 
透视 投影 的 投影 矩阵 的 最 后 一 行 是 [0 0 -10]， 而 正 交 投影 的 投影 矩阵 的 
最 后 一 行 是 [0 0 0 1]。 这 样 的 选择 是 有 原因 的 ， 是 为 了 为 齐 次 除法 做 准 
备 。 上 体会 在 下 一 市 中 讲 到 。 

判断 一 个 变换 后 的 项 点 是 否 位 于 视 锥 体内 使 用 的 不 等 式 和 透视 投影 


中 的 一 样 ， 这 种 通用 性 也 是 为 什么 要 使 用 投影 矩阵 的 原因 之 一 。 图 4.41 
显示 了 经 过 上 述 投影 矩阵 后 ， 正 交 投 影 的 视 锥 体 的 变化 。 





同样 ， 裁 甬 矩 阵 改 变 了 空间 的 旋 癌 性 。 可 以 注意 到 ， 经 过 正 交 投影 
变换 后 的 顶点 实际 已 经 位 于 一 个 立方 体内 了 。 


希望 看 到 这 里 读者 的 脑袋 还 没有 爆炸 。 现 在 ， 我 们 继续 来 看 我 们 的 
农场 游戏 。 在 4.6.6 节 的 最 后 ， 我 们 已 经 帮助 妞妞 确定 了 它 的 鼻子 在 观察 
空间 中 的 位 置 一 一 (9, 8.84, -27.31D)。 现 在 ， 我 们 要 计算 它 在 裁剪 空间 中 
的 位 置 。 


首先 ， 我 们 需要 知道 农场 游戏 中 使 用 的 摄像 机 类 型 。 由 于 农场 游戏 
是 一 个 3D 游 戏 ， 因 此 这 里 我 们 使 用 了 透视 摄像 机 。 摄 像 机 参数 和 Game 
视图 的 横 纵 比 如 图 4.42 所 示 。 














x = -farClipPlaneWidth / 2 
y = -farClipPlaneHeight / 2 
z=-Far 
w=1 
人 ™#— x = farClipPlaneWidth /2 
y = farClipPlaneHeight / 2 


z= -Far 
w=1 
x = -nearClipPlaneWidth /2 裁剪 矩阵 
y= -nearClipPlaneHeight / 2 一 人 


w=1 








~ 
3 
和 入 niearClipPlaneWidth 区 
y= NearClipPlaneHeight / 2 
z= -Near 
w=1 
A 图 4.41 在 正 交 投影 中 ， 投 影 矩 阵 对 顶点 进行 了 缩放 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变 





换 后 的 结果 。 从 这 些 结果 可 以 看 出 x 、y 、z 和 w 分 量 范围 发 生 的 变化 。 
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4 图 4.42 ”农场 游戏 使 用 的 摄像 机 参数 和 游戏 画面 的 横 纵 比 


据 此 ， 我 们 可 以 知道 透视 投影 的 参数 : FOV 为 60"，Near 为 5，Far 为 
40，Aspect 为 4/3 = 1.333。 那 么 ， 对 应 的 投影 矩阵 就 是 : 


FOV 














cot 





a 0 0 
Aspect 
vi 0 cot EO 0 0 
frustum 一 0 0 Far+i+Near 2.Near:Far 
Far—Near Far—Near 
0 0 一 1 0 
1.299 0 0 0 
0 L732 0 0 
加 0 0 一 1.280 一 11.429 
0 0 一 ] 0 








然后 ， 我 们 用 这 个 投影 矩阵 来 把 妞妞 的 和 扯 子 从 观察 空间 转换 到 裁剪 
空间 中 。 如 下 : 


P clip =M frustum P 


view 


1.299 0 0 0 9 11.691 
0 1732 0 0 8.84 | |15.311 


0 0 —1.286 一 11.429 —27.31| |123.692 
0 0 | 0 1 27.31 


这 样 ， 我 们 就 求 出 了 妞妞 的 鼻子 在 裁剪 空间 中 的 位 置 (11.691, 
15.311, 23.692, 27.31)。 接 下 来 ，Unity 会 判断 妞妞 的 鼻子 是 否 需 要 裁 
前 。 通 过 比较 得 到 ， 妞 妞 的 鼻子 满足 下 面 的 不 等 式 : 


-WwW <x <w —» -27.31<11.691<27.31 

















-Ww <x <y —» -27.31<15.311<27.31 
—wW <z <w ——27.31<23.692<27.31 
由 此 ， 我 们 可 以 判断 ， 妞 妞 的 星子 位 于 视 锥 体内 ， 不 需要 被 裁 甬 。 
4.6.8 ”屏幕 空间 


经 过 投影 矩阵 的 变换 后 ， 我 们 可 以 进行 裁剪 操作 。 当 完成 了 所 有 的 
裁 六 工作 后 ， 就 需要 进行 真正 的 投影 了 ， 也 就 是 说 ,我们 需要 把 视 锥 体 
投影 到 屏幕 空间 (screen space) 中 。 经 过 这 一 步 变 换 ， 我 们 会 得 到 真 
正 的 像素 位 置 ， 而 不 是 虚拟 的 三 维 坐标 。 


屏幕 空间 是 一 个 二 维 空间 ， 因 此 ， 我 们 必须 把 顶点 从 裁 筋 空间 投影 
到 屏幕 空间 中 ， 来 生成 对 应 的 2D 坐 标 。 这 个 过 程 可 以 理解 成 有 两 个 步 


又 。 


首先 ， 我 们 需要 进行 标准 齐 次 除法 (homogeneous division ) ， 也 
被 称 为 透视 除法 (perspective division ) 。 虽 然 这 个 步骤 听 起 来 很 陌 
生 ， 但 是 它 实 际 上 菲 党 简单 ， 就 是 用 齐 次 坐标 系 的 w 分 量 去 除 以 x 、y 
、2Z 分 量 。 在 OpenGL 中 ， 我 们 把 这 一 步 得 到 的 坐标 叫做 归 一 化 的 设备 
坐标 (Normalized Device Coordinates，NDC) 。 经 过 这 一 步 ， 我 们 可 
以 把 坐标 从 齐 次 裁剪 坐标 空间 转换 到 NDC 中 。 经 过 透视 投影 变换 后 的 裁 
剪 空间 ， 经 过 齐 次 除法 后 会 变换 到 一 个 立方 体内 。 按 照 OpenGEL 的 传 
统 ， 这 个 立方 体 的 x 、y、z 分 量 的 范围 都 是 [-1 1]。 但 在 DirectX 这 样 的 
API 中 ，z 分 量 的 范围 会 是 [0, 1]。 而 Unity 选 择 了 OpenGL 这 样 的 齐 次 裁剪 
空间 。 如 图 4.43 所 示 。 























全 图 4.43 ”经 过 齐 次 除法 后 ， 透 视 投 影 的 裁剪 空间 会 变换 到 一 个 立方 体 


而 对 于 正 区 投影 来 说 ， 它 的 裁 勇 空间 实际 已 经 是 一 个 立方 体 了 ， 而 
且 由 于 经 过 正 交 投影 矩阵 变换 后 的 顶点 的 w 分 量 是 1， 因 此 齐 次 除法 并 
不 会 对 项 皮 的 x 、y、z 坐标 产生 影响 。 如 图 4.44 所 示 。 











MN 
[i | 
hh kb 








A 图 4.44 ”经 过 齐 次 除法 后 ， 正 交 投 影 的 裁剪 空间 会 变换 到 一 个 立方 体 


经 过 齐 次 除法 后 ， 透 视 投影 和 正 交 投影 的 视 锥 体 都 变换 到 一 个 相同 
的 立方 体内 。 现 在 ， 我 们 可 以 根据 变换 后 的 x 和 y 坐标 来 映射 输出 窗口 
的 对 应 像素 坐标 。 











在 Unity 中 ， 屏 舌 空 间 左下 和 角 的 像 系 坐标 是 (0, 0) ， 右 上 角 的 像素 
坐标 是 (pixelWidth, pixelHeight)。 由 于 当前 x 和 y 坐标 都 是 [-1 1]， 因 此 
这 个 映 冉 的 过 程 就 是 一 个 缩放 的 过 程 。 


齐 次 除法 和 屏幕 映射 的 过 程 可 以 使 用 下 面 的 公式 来 总 结 : 





时 clipz :pirelW idth pirelWidth 

SCTEENzr 一 9.clhip,, TT 2 

ee 1 PizelHeight 
2-chpy 2 





SCTEEN, 一 


上 面 的 式 子 对 x 和 y 分 量 都 进行 了 处 理 ， 4 分 量 呢 ? 通 前 ，z 分 
clip. 
量 会 被 用 于 深度 缓冲 。 一 个 传统 的 方式 是 把 clipw 的 值 直 接 存 进深 度 绥 冲 
中 ， 但 这 并 不 是 必须 的 。 通 常 驱 动 生产 商会 根据 硬件 来 选择 最 好 的 存储 
格式 。 此 时 clipw 也 并 不 会 被 抛弃 ， 昌 然 它 已 经 完成 了 它 的 主要 工作 
一 一 在 齐 次 除法 中 作为 分 母 来 得 到 NDC， 但 它 仍 然 会 在 后 续 的 一 些 工 作 
中 起 到 重要 的 作用 ， 例 如 进行 透视 校正 插值 。 


在 Unity 中 ， 从 裁 双 空间 到 屏幕 空间 的 转换 是 由 底层 带 我 们 完成 
的 。 我 们 的 顶点 着 色 器 只 需要 把 顶点 转换 到 裁剪 空间 即 可 。 


在 上 一 步 中 ， 我 们 知道 了 裁剪 空间 中 妞妞 鼻子 的 位 置 一 一 (11.691， 
15.311, 23.692, 27.31)。 现 在 ， 我 们 终于 可 以 确定 妞妞 的 异 子 在 屏幕 上 的 
像 系 人 位置。 假设 ， 当 前 屏幕 的 像素 宽度 为 400， 高 度 为 300。 首 先 ， 我 们 
需要 进行 齐 次 除法 ， 把 裁剪 空间 的 坐标 投影 到 NDC 中 。 然 后 ， 再 映射 到 
屏幕 空间 中 。 这 个 过 程 如 下 : 




















screenzr = clipz-pirelWidth | pe wth 


2:chipy 2 
1 61.400 4 400 





2-27.31 2 

= 285.617 

clipy-pirel Height pirelHeight 
SCTEE 7 一 一 人 下 5 
15.911.300 | 300 

= D.027 3 本 


- 234.096 


由 此 ， 我 们 知道 了 妞妞 蛋子 在 屏幕 上 的 位 置 一 一 (285.617， 
234.096)。 





4.6.9 总结 


以 上 就 是 一 个 顶点 如 何 从 模型 空间 变换 到 屏 大 坐标 的 过 程 。 图 4.45 
忆 结 了 这 些 空间 和 用 于 变换 的 和 矩阵。 


顶点 着 色 器 的 最 基本 的 任务 就 是 把 顶点 坐标 从 模型 空间 转换 到 裁剪 
空间 中 。 这 对 应 了 图 4.45 中 的 前 3 个 顶点 变换 过 程 。 而 在 片 元 着 色 串 
中 ， 我 们 通常 也 可 以 得 到 该 片 元 在 屏幕 空 间 的 像素 位 置 。 我 们 会 在 4.9.3 
广 中 看 到 如 何 得 到 这 些 像 系 位 置 。 


在 Unity 中 ， 华 标 系 的 旋回 性 也 随 大 变换 发 生 了 改变 。 图 4.46 总 结 了 
Unity 中 各 个 空间 使 用 的 坐标 系 旋 向 性 。 


从 图 4.46 中 可 以 友 现 ， 只 有 在 观察 空间 中 Unity 使 用 了 石 手 坐标 系 。 
再 要 注意 的 是 ， 这 里 仅仅 给 出 的 是 一 些 最 重要 的 坐标 空间 。 还 有 一 


些 空间 在 实际 开发 中 也 会 遇 到 ， 例 如 切线 空间 (tangent space) 。 切 线 
空间 通常 用 于 法 线 映 射 ， 在 后 面 的 4.7 节 中 我 们 会 讲 到 。 

















和 图 4.45 “ 浑 染 流水 线 中 顶点 的 空间 变换 过 程 





A 图 4.46 ”Unity 中 各 个 坐标 空间 的 旋 向 性 


4.7 法 线 变 换 
在 本 章 的 最 后 ， 我 们 来 看 一 种 特殊 的 变换 :法 线 变换 。 


法 线 (normal) ， 也 被 称 为 法 矢量 (normal vector) 。 在 上 面 我 
们 已 经 看 到 如 何 使 用 变换 匹 阵 来 变换 一 个 顶点 或 一 个 方 同 矢量 ， 但 法 线 
是 需要 我 们 特殊 处 理 的 一 种 方 癌 矢量 。 在 游戏 中 ， 模 型 的 一 个 顶点 往往 
会 携带 额外 的 信息 ， 而 顶点 法 线 就 是 其 中 一 种 信息 。 当 我 们 变换 一 个 模 
型 的 时 候 ， 不 仅 需 要 变换 它 的 顶点 ， 还 需要 变换 顶点 法 线 ， 以 便 在 后 续 
处 理 〈 如 片 元 着 色 器 ) 中 计算 光照 等 。 


一 般 来 说 ， 点 和 绝 大 部 分 方 同 矢量 都 可 以 使 用 同一 个 4x4 或 3x3 的 变 
换算 阵 M 4 _, Bp 把 其 从 坐标 空间 A 变换 到 坐标 空间 B 中 。 但 在 变换 法 线 芯 
时 候 ， 如 果 使 用 同一 个 变换 和 矩阵， 可 能 束 无 法 确保 维持 法 线 的 垂直 性 。 
下 面 就 来 了 解 一 下 为 什么 会 出 现 这 样 的 问题 。 


我 们 先 来 了 解 一 下 另 一 种 方向 矢量 一 一 切线 (tangent) ， 也 被 称 
为 切 矢 量 (tangent vector) 。 与 法 线 类 似 ， 切 线 往往 也 是 模型 顶点 携 
带 的 一 种 信息 。 它 通常 与 纹理 空间 对 齐 ， 而 且 与 法 线 方向 敢 直 ， 如 图 
4.47 所 示 。 





























A 图 4.47 顶点 的 切线 和 法 线 。 切 线 和 法 线 互 相 垂 直 
由 于 切线 是 由 两 个 顶点 之 间 的 差 值 计算 得 到 的 ， 因 此 我 们 可 以 直接 





使 用 用 于 变换 顶点 的 变换 矩阵 来 变换 切线 。 假 设 ， 我 们 使 用 3x3 的 变换 
矩阵 M A，B 来 变换 顶点 (注意 ， 这 里 涉及 的 变换 矩阵 都 是 3x3 的 矩阵 ， 
不 考虑 平移 变换 。 这 是 因为 切线 和 法 线 都 是 方向 矢量 ， 不 会 受 平移 的 影 
啊 ) ， 可 以 由 下 面 的 式 子 直接 得 到 变换 后 的 切线 : 


Tp=MA ,pT 





其 中 Th 和 Tp 分 别 表 示 在 坐标 空间 A 下 和 坐标 空间 B 下 的 切线 方向 。 
但 如 果 直 接 使 用 M 4。 ,p 来 变换 法 线 ， 得 到 的 新 的 法 线 方 癌 可 能 就 不 会 < 
表面 垂直 了 。 图 4.48 给 出 了 这 样 的 一 个 例子 。 





4 图 4.48 进行 非 统一 缩放 时 ， 如 果 使 用 和 变换 顶点 相同 的 变换 矩阵 来 变换 法 线 ， 就 会 得 到 错 
误 的 结果 ， 即 变换 后 的 法 线 方向 与 平面 不 再 垂直 


那么 ， 应 该 使 用 哪个 矩阵 来 变换 法 线 呢 ? 我 们 可 以 由 数学 约束 条 件 
来 推出 这 个 矩阵 。 我 们 知道 同一 个 顶点 的 切线 TA 和 法 线 T AN AN 4 必用 
满足 垂直 条 件 ， 即 4。-:N 4 =0。 给 定 变换 矩阵 M 4。 p， 我 们 已 经 知道 T 


=MA ,8TA。 我 们 现在 想 要 找到 一 个 矩阵 G 来 变换 法 线 N 4。， 使 得 变换 
后 的 法 线 仍 然 与 切线 垂直 。 即 














IB'NB=OMA .asIA)(GN AI)=0 
对 上 式 进 行 一 些 推 导 后 可 得 


(MABTA)(GNA) = (MasBT4) (GNA) = TTMT pgpGNa = TT(MT ,gpG)NA = 
0 


由 于 T 4:N 4。=0， 因 此 如 果 MM4 ,8G = 了， 那么 上 式 即 可 成 立 。 也 就 
是 说 ， 如 果 G = (MI,s) = (M34g) ” ， 即 使 用 原 变换 矩阵 的 逆转 置 抵 
阵 来 变换 法 线 就 可 以 得 到 正确 的 结果 。 


值得 注意 的 是 ， 如 条 变换 窍 阵 MA ,Bp 是 正 交 矩阵， 那么 


MB = MI ,gp ， 因 此 (M4 ,ag) = Me， 也 就 是 说 我 们 可 以 使 用 用 于 
变换 顶点 的 变换 和 窍 阵 来 直接 变换 法 线 。 如 采 变 换 只 包括 旋转 变换 ， 那 么 
这 个 变换 和 窍 阵 就 是 正 交 和 窍 阵 。 而 如 果 变 换 只 包含 旋转 和 统一 缩放 ， 而 不 








包含 非 统一 缩放 ， 我 们 利用 统一 缩放 系数 k 来 得 到 变换 矩阵 M 。 的 逆 

jeT | 
续 置 和 矩阵 中 128) 一 KM 。 这 样 就 可 以 避免 计算 道 矩 阵 的 过 程 。 如 
果 变 失 中 包含 了 非 统一 变换 ， 屠 和 我 们 关 必 须要 求解 过 生 阵 来 得 到 变 的 
法 线 的 矩阵 ， 


4.8 Unity Shader 的 内 置 变量 《数学 访 ) 


使 用 Unity 写 Shader 的 一 个 好 处 在 于 ， 它 提供 了 很 多 内 置 的 参数 ， 这 
使 得 我 们 不 再 需要 上 自己 手动 计算 一 些 值 。 本 市 将 给 出 Unity 内 置 的 用 于 
空间 变换 和 摄像 机 以 及 屏幕 参数 的 内 置 变量 。 这 些 内 置 变 量 可 以 在 
UnityShaderVariables.cginc 文 件 中 找到 定义 和 说 明 。 


4.8.1 ”变换 矩阵 


首先 是 用 于 坐标 空间 变换 的 矩阵 。 表 4.2 给 出 了 Unity 5.2 版 本 提供 的 
所 有 内 置 变换 窍 阵 。 下 面 所 有 的 和 矩阵 都 是 float4x4 类 型 的 。 


读者 : 为 什么 在 我 的 Unity 中 ， 有 些 变量 不 存在 呢 ? 
我 们 : 可 能 是 由 于 你 使 用 的 Unity 版 本 和 本 书 使 用 的 版 本 不 同 。 在 


写本 书 时 ， 我 们 使 用 的 Unity 版 本 是 最 新 的 5.2。 而 在 4.x 版 本 中 ， 一 些 内 
置 变 量 可 能 会 与 之 不 同 。 























表 4.2 Unity 内 置 的 变换 矩阵 

















当前 的 模型 观察 投影 矩阵 ， 用 于 将 顶点 /方向 矢量 从 模型 
UNITY_MATRIX_MVP | 守 间 变换 到 裁 前 空间 


当前 的 模型 观察 矩阵 ， 用 于 将 顶点 /方向 矢量 从 模型 空间 


UNIIY_MATRIX_MYV 变换 到 观察 空间 








矩阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空间 变换 











UNITY_ MATRIX_V 








当前 的 投影 矩阵 ， 用 于 将 顶点 /方向 矢量 从 观察 空间 变换 
到 裁剪 空间 











UNITY_ MATRIX_P 


























UNITY MATRIX_VP 当前 的 观察 投影 矩阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空间 


变换 到 裁剪 空间 


UNITY_MATRIX_T_ MV |1UNITY_ MATRIX_MV 的 转 置 矩阵 


UNITY_MATRIX_MV 的 逆转 置 矩 阵 ， 用 于 将 法 线 从 模型 
UNITY_MATRIX_IT_MV | 空间 变换 到 观察 空间 ， 也 可 月 
UNITY _ MATRIX_MV 的 道 和 矩阵 









































当前 的 模型 矩阵 ， 用 于 将 顶点 /方向 矢量 从 模型 空间 变换 











_Object2World 








_Object2World 的 逆 和 矩阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空 
间 变 换 到 模型 空间 











_World2Object 





表 4.2 给 出 了 这 些 和 矩阵 的 常用 用 法 。 但 读者 可 以 根据 需求 来 达到 不 
同 的 目的 ， 例 如 我 们 可 以 提取 坐标 空间 的 坐标 轴 ， 方 法 可 回顾 4.6.2 市 。 


其 中 有 一 个 矩阵 比较 特殊 ， 即 UNITY_MATRIX_T_MV 和 矩阵 。 很 多 
对 数学 不 了 解 的 读者 不 理解 这 个 矩阵 有 什么 用 人 处。 如果 读者 认真 看 过 甜 
阵 一 节 的 知识 ， 应 该 还 会 记得 一 种 非常 吸引 人 的 矩阵 类 型 一 一 正 交 算 
了 嘿 。 对 于 正 交 算 阵 来 说 ， 它 的 道 算 阵 就 是 转 置 箱 阵 。 因 此 ， 如 果 
UNITY_MATRIX_MV 是 一 个 正 交 和 矩阵 的 话 ， 那 么 
UNITY_MATRIX_T_MV 就 是 它 的 逆 息 阵 ， 也 就 是 说 ， 我 们 可 以 使 用 
UNITY_MATRIX T_MV 把 项 点 和 方 癌 矢量 从 观察 空间 变换 到 模型 空 
间 。 那 么 问题 是 ，UNITY MATRIX_ MV 什么 时 候 是 一 个 正 交 和 矩阵 呢 ? 
读者 可 以 从 4.5 节 找到 答案 。 总 结 一 下 ， 如 果 我 们 只 考虑 旋转 、 平 移 和 
缩放 这 3 种 变换 的 话 ， 如 果 一 个 模型 的 变换 只 包括 旋转 ， 那 么 
UNITY_MATRIX_MV 束 是 一 个 正 交 抑 阵 。 这 个 条 件 似 乎 有 些 奇 刻 ， 我 
们 可 以 把 条 件 再 放宽 一 些 ， 如 果 只 包括 旋转 和 统一 缩放 (假设 缩放 系数 
是 k ) ， 那 么 UNITY_MATRIX_MV 就 几乎 是 一 个 正 交 和 矩阵 了 。 为 什么 
是 几乎 呢 ?” 因 为 统一 缩放 可 能 会 导致 每 一 行 ( 或 每 一 列 ) 的 矢量 长 度 不 
为 1， 而 是 K ， 这 不 符合 正 交 和 矩阵 的 特性 ， 但 我 们 可 以 通过 除 以 这 个 统一 
缩放 系数 ， 来 把 它 变 成 正 交 和 矩阵 。 在 这 种 情况 下， 
UNITY _ MATRIX_MV 的 逆 息 阵 就 是 EUNITY_MATRIX T_ MV。 而 且 ， 


如 果 我 们 只 是 对 方向 矢量 进行 变换 的 话 ， 条 件 可 以 放 得 更 宽 ， 即 不 用 考 





























虑 有 没有 平移 变换 ， 因 为 平移 对 方向 矢量 没有 影响 。 因 此 ， 我 们 可 以 截 
取 UNITY_MATRIX T_MV 的 前 3 行 前 3 列 来 把 方向 矢量 从 观察 空间 变换 
到 模型 空间 (前 提 是 只 存在 旋转 变换 和 统一 缩放 ) 。 对 于 方向 矢量 ， 我 
们 可 以 在 使 用 前 对 它们 进行 归 一 化 处 理 ， 来 消除 统一 缩放 的 影响 。 


还 有 一 个 矩阵 需要 说 明 一 下 ， 那 就 是 UNITY_MATRIX_IT_MV 算 
了 螺 。 我 们 在 4.7 节 已 经 知道 ， 法 线 的 变换 需要 使 用 原 变 换算 阵 的 逆转 置 
年 阵 。 因此 UNITY_MATRIX_IT_MV 可 以 把 法 线 从 模型 空间 变换 到 观察 
空间 。 但 只 要 我 们 做 一 点 手脚 ， 它 也 可 以 用 于 直接 得 到 
UNITY_MATRIX_MV 的 逆 算 阵 一 一 我 们 只 需要 对 它 进 行 转 置 就 可 以 
了 。 因 此 ， 为 了 把 顶点 或 方向 矢量 从 观察 空间 变换 到 模型 空间 ， 我 们 可 
以 使 用 类 似 下 面 的 代码 : 


























// 方法 一 : 使 用 transpose 函 数 对 UNITY_MATRIX_IT_MV 进 行 转 置 ， 
// 得 到 UNITY_MATRIX_MV 的 逆 和 矩阵 ， 然 后 进行 列 矩 阵 乘法 ， 
// 把 观察 空间 中 的 点 或 方向 矢量 变换 到 模型 空间 中 

float4 modelPos = mul(transpose(UNITY_MATRIX_IT_MV)，viewPos ) ; 




















// 方法 二 : 不 直接 使 用 转 置 函数 transpose， 而 是 交换 mu1 参 数 的 位 置 ， 使 用 行 矩阵 乘法 
// 本 质 和 方法 一 是 完全 一 样 的 
float4 modelPos = mul(viewpos, UNITY MATRIX_ IT_ MV); 




















关于 mu 函数 参数 位 置 导 致 的 不 同 ， 在 4.9.2 节 中 我 们 会 继续 讲 到 。 
4.8.2 ”摄像 机 和 屏幕 参数 
Unity 提 供 了 一 些 内 置 变量 来 让 我 们 访问 当前 正在 泻 染 的 摄像 机 的 
参数 信息 。 这 些 参 数 对 应 了 摄像 机 上 的 Camera 组 件 中 的 属性 值 。 表 4.3 
给 出 了 Unity 5.2 版 本 提供 的 这 些 变 量 。 
表 4.3 ”Unity 内 置 的 摄像 机 和 屏幕 参数 
































x= 1.0〈 或 -1.0， 如 果 正 在 使 用 一 个 翻转 
的 投影 矩阵 进行 泻 染 ) ，y = Near，z = 


—ProjectionParams float4 Far，w = 1.0 + 1.0/Far， 其 中 Near 和 Far 分 
别 是 近 裁 前 平面 和 远 裁剪 平面 和 摄像 机 的 
距离 


X= width, y= height, z= 1.0+ 
Greenp ara 1.0/width，w = 1.0 和 1.0/height， 中 width 
时 和 height 分 别 是 该 摄像 机 的 演 染 目标 
(render target) 的 像素 宽度 和 高 度 
X=1- Far/Near, y= Far/Near, z= 
_ZBufferParams float4 ”|x/Far，w = WEFar， 该 变量 用 于 线性 化 Z 绥 
存 中 的 深度 值 〈 可 参考 13.1 节 ) 


x= width，y = heigth，z 没有 定义 ，w = 
1.0〈 该 摄像 机 是 正 交 摄像 机 ) 或 w = 
unity_OrthoParams float4 ”|10.0〔 该 摄像 机 是 透视 摄像 机 ) ， 其 中 












































width 和 height 是 正 交 投 影 摄像 机 的 宽度 和 


高 度 


unity_CameraProjection float4x4 | 该 摄像 机 的 投影 矩阵 


unity_CameraInvProjection 该 摄像 机 的 投影 矩阵 的 逆 息 阵 


该 摄像 机 的 6 个 裁剪 平面 在 世界 空间 下 的 
unity_CameraWorldClipPlanes[6] |float4 “| 等 式 ， 按 如 下 顺序 : 左 、 右 、 下 、 上 、 

















茶 喜 你 已 经 几乎 完成 了 本 书 所 有 的 数学 训练 ! 我 们 希望 你 能 从 上 面 
的 内 容 中 得 到 很 多 收获 和 局 发 。 但 是 ， 我 们 也 相信 在 读 完 上 面 的 内 容 后 


跨 过 一 些 障 碍 。 
4.9.1 使 用 3x3 还 是 4x4 的 变换 矩阵 


对 于 线性 变换 《例如 旋转 和 缩放 ) 来 说 ， 仅 使 用 3x3 的 和 窍 阵 就 足够 
表示 所 有 的 变换 了 。 但 如 果 存 在 平移 变换 ， 我 们 束 需 要 使 用 4x4 的 和 矩 
阵 。 因 此 ， 在 对 顶点 的 变换 中 ， 我 们 通 第 使 用 4x4 的 变换 和 矩阵。 当然 ， 
在 变换 前 我 们 需要 把 点 坐标 转换 成 齐 次 坐标 的 表示 ， 即 把 顶点 的 w 分 量 
设 为 1。 而 在 对 方 同 矢量 的 变换 中 ， 我 们 通常 使 用 3x3 的 矩阵 束 足 够 了 ， 
这 是 因为 平移 变换 对 方向 矢量 是 没有 影响 的 。 


4.9.2 Cg 中 的 矢量 和 咎 阵 类 型 


我 们 通常 在 Unity Shader 中 使 用 Cg 作为 着 色 器 编程 语言 。 在 Cg 中 变 
量 类 型 有 很 多 种 ， 但 在 本 节 我 们 是 想 解 释 如 何 使 用 这 些 类 型 进行 数学 运 
算 。 因 此 ， 我 们 只 以 float 家 族 的 变量 来 做 说 明 。 


在 Cg 中 ， 和 矩阵 类 型 是 由 float3x3、float4x4 等 关键 词 进行 声明 和 定义 
的 。 而 对 于 float3、float4 等 类 型 的 变量 ， 我 们 既 可 以 把 它 当 成 一 个 矢 
量 ， 也 可 以 把 它 当 成 是 一 个 1xn 的 行 矩 阵 或 者 一 个 nx1 的 列 窍 阵 。 这 取 
决 于 运算 的 种 类 和 它们 在 运算 中 的 位 置 。 例 如 ， 当 我 们 进行 点 积 操 作 
时 ， 两 个 操作 数 就 被 当成 矢量 类 型 ， 如 下 : 





























float4 a = float4(1.06, 2.0, 
float4 b = float4(1.06, 2.0, 
// 对 两 个 矢量 进行 点 积 操作 














float result = dot(a, b); 








但 在 进行 窍 阵 乘法 时 ， 参 数 的 位 置 将 决定 是 按 列 窍 阵 还 是 行窃 阵 进 
行 乘法 。 在 Cg 中 ， 窍 阵 乘法 是 通过 mul 函 数 实现 的 。 例 如 : 


float4 v = float4(1.6，2.0，3.9，4.0); 
float4x4 M = float4x4(1.6 
0.0 

0.0 
0 


.0， 0.0，0.0， 
. .0, 0.0 

.0，3.0，0.0， 
. .0, 4.0); 


0 . 
// 把 v 当 成 列 窍 阵 和 和 矩阵 M 进 行 右 乘 
float4 column mul result ul(M, v); 
// 把 v 当 成 行 矩 阵 和 和 矩阵 M 进 行 左 乘 
float4 row mul result = mul(v, M); 
// 注意 : column_mul_result 不 等 于 row_mul_result， 而 是 : 
// mul(M,v) == mul(v, tranpose(M)) 
// mul(v,M) == mul(tranpose(M), v) 


2 
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因此 ， 参 数 的 位 置 会 直接 影响 结果 值 。 通 常 在 变换 顶点 时 ， 我 们 都 
是 使 用 右 乘 的 方式 来 按 列 矩阵 进行 乘法 。 这 是 因为 ，Unity 提 供 的 内 置 
和 矩阵 〈 如 UNITY_MATRIX_MVP 等 ) 都 是 按 列 存储 的 。 但 有 时 ， 我 们 
也 会 使 用 左 乘 的 方式 ， 这 是 因为 可 以 省 去 对 矩阵 转 置 的 操作 。 


需要 注意 的 一 点 是 ，Cg 对 和 矩阵 类 型 中 元 素 的 初始 化 和 访问 顺序 。 在 
Cg 中 ， 对 float4x4 等 类 型 的 变量 是 按 行 优先 的 方式 进行 填充 的 。 什 么 意 
思 呢 ?我 们 知道 ， 想 要 填充 一 个 矩阵 需要 给 定 一 串 数字 ， 例 如 ， 如 果 需 
要 声明 一 个 3x4 的 和 矩阵， 我 们 需要 提供 12 个 数字 。 那 么 ， 这 串 数 字 是 一 
行 一 行 地 填充 矩阵 还 是 一 列 一 列 地 填充 矩阵 呢 ? 这 两 种 方式 得 到 的 矩阵 
是 不 同 的 。 例 如 ， 我 们 使 用 (1, 2, 3, 4, 5, 6, 7, 8, 9) 去 填充 一 个 3x3 的 拢 
阵 ， 如 果 是 按照 行 优先 的 方式 ， 得 到 的 矩阵 是 : 


1] 2 3 
4 5 6 
7 8 9 


如 果 是 按照 列 优 先 的 方式 ， 得 到 的 矩阵 是 : 


4 7 
5 8 
0 9 


Cg 使 用 的 是 行 优先 的 方法 ， 即 是 一 行 一 行 地 填充 算 阵 的 。 因 此 ， 如 
果 读 者 需要 自己 定义 一 个 矩阵 时 例如 ， 自 己 构建 用 于 空间 变换 的 算 
阵 ) ， 就 要 注意 这 里 的 初始 化 方式 。 

















一 











有 I 
J。 例 如 : 





// 按 行 优先 的 方式 初始 化 矩阵 M 
float3x3 M = float3Xx3(1.6， 
4.0， 
7.6， 


float3 row = M[6] ; 


// 得 到 M 的 第 2 行 第 1 列 的 元 素 ， 即 4.8 
float ele = M[1][6]; 








之 所 以 Unity Shader 中 的 矩阵 类 型 满足 上 述 规则 ， 有 是 因为 使 用 的 是 
Cg 语言 。 换 句 话 说 ， 上 面 的 特性 都 是 Cg 的 规定 。 


如 果 读 者 熟悉 Unity 的 API， 可 能 知道 Unity 在 脚本 中 提供 了 一 种 和 矩阵 
类 型 一 -Matrix4x4。 脚 本 中 的 这 个 矩阵 类 型 则 是 采用 列 优先 的 方式 。 
这 与 Unity Shader 中 的 规定 不 一 样 ， 和 希望 读者 在 遇 到 时 不 会 感到 困惑 。 





4.9.3 ”Unity 中 的 屏幕 坐标 : ComputeScreenPos/VPOS/WPOS 


我 们 在 4.6.8 贡 中 讲 了 屏幕 空间 的 转换 细节 。 在 写 Shader 的 过 程 中 ， 
我 们 有 时 候 和 希望 能 够 获得 片 元 在 屏幕 上 的 像素 位 置 。 


在 顶点 / 片 元 着 色 器 中 ， 有 两 种 方式 来 获得 片 元 的 屏幕 坐标 。 


-种 是 在 片 元 着 色 器 的 输入 中 声明 VPOS 或 WPOS 语义 (关于 什么 
是 语义 ， 可 参见 5.4 节 ) 。VPOS 是 HLSL 中 对 屏幕 坐标 的 语义 ， 而 WPOS 
是 Cg 中 对 屏幕 坐标 的 语义 。 两 者 在 Unity Shader 中 是 等 价 的 。 我 们 可 以 
在 HLSL/Cg 中 通过 语义 的 方式 来 定义 顶点 / 片 元 着 色 器 的 默认 输入 ， 而 
不 需要 自己 定义 输入 输出 的 数据 结构 。 这 里 的 内 容 有 一 些 超 前 ， 因 为 我 
们 还 没有 具体 讲解 顶点 / 片 元 着 色 器 的 写法 ， 读 者 在 这 里 可 以 只 关注 
VPOS 和 WPOS 的 语义 。 使 用 这 种 方法 ， 可 以 在 片 元 着 色 器 中 这 样 写 : 




















fixed4 frag(float4 sp : VPOS) : SV_ Target { 














// 用 屏幕 坐标 除 以 屏幕 分 辨 率 _ ScreenParams.xy， 得 到 视 口 空间 中 的 坐标 
Peturn fixed4(sp.xy/_SscreenParams.xy,0.0,1.9); 





| 


得 到 的 效果 如 图 4.49 所 示 。 








A 图 4.49 由 片 元 的 像素 位 置 得 到 的 图 像 
VPOS/WPOS 语 义 定义 的 输入 是 一 个 float4 类 型 的 变量 。 我 们 已 经 知 








道 它 的 xy 值 代表 了 在 屏幕 空间 中 的 像素 坐标 。 如 果 屏 幕 分 辨 率 为 400 x 
300， 那 么 x 的 范围 就 是 [0.5,400.5]，y 的 范围 是 [0.5,300.5]。 注 意 ， 这 里 
的 像素 坐标 并 不 是 整数 值 ， 这 是 因为 OpenGL 和 DirectX 10 以 后 的 版 本 认 
为 像素 中 心 对 应 的 是 浮 点 值 中 的 0.5。 那 么 ， 它 的 zw 分 量 是 什么 呢 ? 在 
Unity 中 ，VPOS/WPOS 的 z 分 量 范 围 是 [0,1]， 在 摄像 机 的 近 裁 前 平面 
处 ，z 值 为 0， 在 远 裁剪 平面 处 ，z 值 为 1。 对 于 w 分 量 ， 我 们 需要 考虑 摄 
像 机 的 投影 类 型 。 如 果 使 用 的 是 透视 投影 ， 那 么 w 分 量 的 范围 是 














ear 了 Far] ，Near 和 Far 对 应 了 在 Camera 组 件 中 设置 的 近 裁 前 平面 和 远 
裁剪 平面 距离 摄像 机 的 远近 ; 如 果 使 用 的 是 正 交 投影 ， 那 么 w 分 量 的 值 
恒 为 1。 这 些 值 是 通过 对 经 过 投影 矩阵 变换 后 的 w 分 量 取 倒 数 后 得 到 
的 。 在 代码 的 最 后 ， 我 们 把 屏幕 空间 除 以 屏幕 分 辨 率 来 得 到 视 口 空间 
(viewport space) 中 的 坐标 。 视 口 坐标 很 简单 ， 就 是 把 屏幕 坐标 归 一 
化 ， 这 样 屏 幕 左 下 角 就 是 (0, 0)， 右 上 角 就 是 (1, D)。 如 果 已 知 屏 幕 坐 标 
的 话 ， 我 们 只 需要 把 xy 值 除 以 屏幕 分 辨 率 即 可 。 

















男 一 种 方式 是 通过 Unity 提 供 的 ComputeScreenPos 函数 。 这 个 函数 
在 UnityCG.cginc 里 被 定 义 。 通 常 的 用 法 需要 两 个 步骤 ， 首 先 在 顶点 着 色 
器 中 将 ComputeScreenPos 的 结果 保存 在 输出 结构 体 中 ， 然 后 在 片 元 着 色 
器 中 进行 一 个 齐 次 除法 运算 后 得 到 视 口 空间 下 的 坐标 。 例 如 : 





struct vertOut { 
float4 pos:SV_POSITION; 
float4 scrPos : TEXCOORD®E; 
}; 


vertOut vert(appdata base v) { 
vertOut 0o; 
o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 
// 第 一 步 : 把 ComputeScreenPos 的 结果 保存 到 scrPos 中 
0o.SscrPos = ComputeScreenPos(o.pos ) ; 
return o; 








} 


fixed4 frag(vertOut i) : SV Target { 
// 第 二 步 : 用 scrPos .xy 除 以 scrPos.w 得 到 视 口 空间 中 的 化 标 
float2 wcoord = (i.scrPpos.xy/i.scrPos.w); 
return fixed4(wcoord,08.06,1.0); 














上 面 代码 的 实现 效果 和 图 4.49 中 的 一 样 。 我 们 现在 来 看 一 下 这 种 方 
式 的 实现 细节 。 这 种 方法 实际 上 是 手动 实现 了 屏幕 映 冉 的 过 程 ， 而 且 它 
得 到 的 坐标 直接 就 是 视 口 空间 中 的 坐标 。 我 们 在 3.6.8 贡 中 已 经 看 到 了 如 
何 将 裁 甬 坐标 空间 中 的 点 映射 到 屏幕 坐标 中 。 据 此 ， 我 们 可 以 得 到 视 口 
空间 中 的 坐标 ， 公 式 如 下 : 























view portr = 下 了 
这 . ee clipy 1 
U2ELUDOT7 ty 一 yap 4 地 
上 面 公式 的 思想 就 是 ， 首 先 对 裁剪 空间 下 的 坐标 进行 齐 次 除法 ， 得 


到 范围 在 [-1 切 的 NDC， 然 后 再 将 其 映射 到 范围 在 [0, 1] 的 视 口 空间 下 的 
坐标 。 那 么 ComputeScreenPos 究 竟 是 如 何 做 到 的 呢 ? 我 们 可 以 在 
UnityCG.cginc 文 件 中 找到 ComputeScreenPos 函 数 的 定义 。 如 下 : 


inline float4 ComputeScreenPos (float4 pos) { 
float4 o = pos * 0.5f; 


#if defined(UNITY HALF TEXEL OFFSET) 

oOo.Xxy = float2(0o.x, oO.y* Projectionparams.x) + O.w * _ ScreenParams .zw; 
#else 

oOo.Xxy = float2(0o.x, oO.y* _ Projectionparams.x) + O.w; 

#endif 


0.ZN = pos.ZzZw; 
return o; 





ComputeScreenPos 的 输入 参数 pos 是 经 过 MVP 算 阵 变 换 后 在 裁剪 空 
间 中 的 顶点 坐标 。UNITY_HALF_TEXEL_OFFSET 是 Unity 在 某 些 
DirectX 平 台 上 使 用 的 宏 ， 在 这 里 我 们 可 以 忽略 它 。 这 样 ， 我 们 可 以 只 
关注 #else 的 部 分 。_ProjectionParams.x 在 默认 情况 下 是 1( 如 果 我 们 使 用 
了 一 个 翻转 的 投影 矩阵 的 话 就 是 -1， 但 这 种 情况 很 少见 ) 。 那 么 上 述 代 


码 的 过 程 实 际 是 输出 了 : 


Outputz EE chips 下 Sm 
lipy clipu 
十 一 








Outputy = = 本 六 
Output. = clip. 
Outputy = clipy 





可 以 看 出 ， 这 里 的 xy 并 不 是 真正 的 视 口 空间 下 的 坐标 。 因 此 ， 我 们 
在 片 元 着 色 器 中 再 进行 一 步 处 理 ， 即 除 以 裁剪 坐标 的 w 分 量 。 至 此 ， 完 
成 整个 映射 的 过 程 。 因 此 ， 虽 然 ComputeScreenPos 的 函数 名 字 似 乎 意味 
者 会 直接 得 到 屏幕 空间 中 的 位 置 ， 但 并 不 是 这 样 的 ， 我 们 仍 需 在 所 元 痢 
色 器 中 除 以 它 的 w 分 量 来 得 到 真正 的 视 口 空间 中 的 位 置 。 那 么 ， 为 什么 
Unity 不 直接 在 ComputeScreenPos 中 为 我 们 进行 除 以 w 分 量 的 这 个 步骤 
呢 ? 为 什么 还 需要 我 们 来 进行 这 个 除法 ? 这 是 因为 ， 如 果 Unity 在 顶点 
着 色 器 中 这 么 做 的 话 ， 就 会 破坏 插值 的 结果 。 我 们 知道 ， 从 顶点 着 色 器 
到 片 元 着 色 器 的 过 程 实际 会 有 一 个 插值 的 过 程 ( 如 果 你 忘 了 的 话 ， 可 以 
回顾 2.3.6 小 节 ) 。 如 果 不 在 硕 扩 大 色 融 中 进行 这 个 除法 , 保留 x 、y 和 w 


分 量 ， 那 么 它们 在 插值 后 再 进行 这 个 除法 ， 得 到 的 w 和 w 就 是 正确 的 

(我 们 可 以 认为 是 除法 抵消 了 插 全 的 影响 ) 。 但 如 采 我 们 直接 在 顶点 着 
色 器 中 进行 这 个 除法 ， 那 么 就 需要 对 w 和 w 直接 进行 插值 ， 这 样 得 到 的 
插值 结果 就 会 不 准确 。 原 因 是 ， 我 们 不 可 以 在 投影 空间 中 进行 插值 ， 














为 这 并 不 是 一 个 线性 空间 ， 而 插值 往往 是 线性 的 。 


经 过 除法 操作 后 ， 我 们 就 可 以 得 到 该 片 元 在 视 口 空间 中 的 坐标 了 ， 
也 就 是 一 个 xy 范围 都 在 [0, 1] 之 则 的 值 。 那 么 它 的 zw 值 是 什么 呢 ? 可 以 
看 出 ， 我 们 在 顶点 着 色 嚣 中 直接 把 裁剪 空间 的 zw 值 存 进 了 输出 结构 体 
中 ， 因 此 片 元 着 色 器 输入 的 就 是 这 些 插值 后 的 裁剪 空间 中 的 zw 值 。 这 
意味 着 ， 如 果 使 用 的 是 透视 投影 ， 那 么 z 值 的 范围 是 [-Near Far]，w 值 
的 范 轩 是 [Near, FarJ， 如果 使 用 的 是 正 交 投 影 ， 屠 么 z 信 交 用 是 [1 1 

w 值 恒 为 1。 


4.10 扩展 阅读 


计算 机 图 形 学 使 用 的 数学 还 有 很 多 ， 本 书 仅 涵盖 了 其 中 非常 小 的 一 
部 分 。 如 果 读 者 想 要 深入 学 习 这 些 知 识 的 话 ， 书 籍 中 中 是 非常 好 的 图 形 
学 数学 学 习 资 料 ， 读 者 可 以 在 那里 找到 更 多 类 型 的 变换 及 其 数学 表示 。 
天 于 如 何 从 左手 坐标 系 转换 到 右手 坐标 系 同时 又 保持 视觉 效果 一 样 ， 可 
以 参考 资料 8] 。 关 于 如 何 得 到 线性 的 深度 值 可 以 参考 资料 向 。 





[1] Fletcher Dunn, Ian Parberry. 3D Math Primer for Graphics and 
Game Development (2nd Edition). November 2, 2011 by A K Peters/CRC 
Press 。 


[2] Eric Lengyel. Mathematics for 3D game programming and computer 
graphics (3rd Edition). 2011 by Charles River Media 。 


[3] David Eberly. Conversion of Left-Handed Coordinates to Right- 
Handed Coordinates。 


[4] http://www.humus.name/temp/Linearize%20depth.txt 。 


4.11 练习 题 答案 
4.2.5 节 
1. 右手 坐标 系 。 


2. (1, 0, 0)。(1, 0, 0)。 从 坐标 表示 来 看 ， 结 末 是 完全 一 样 的 。 左 手 
坐标 系 和 右手 坐标 系 在 绝 大 多 数 情况 下 不 会 对 底层 的 数学 运算 造成 影 
响 ， 但 是 会 在 视觉 表现 上 有 所 差异 。 以 本 题 为 例 ， 虽 然 旋 转 之 前 点 的 坐 
标 是 一 样 的 ， 但 如 果 把 它们 统一 在 同一 个 空间 中 显示 出 来 ， 其 绝对 位 置 
是 不 同 的 。 如 网 4.50 所 示 。 





到 








左手 坐标 系 中 的 +z 
左手 坐标 系 中 的 (0, 0, 1) 点 


右手 坐标 系 中 的 (0, 0, 1) 点 


十 X 


右手 坐标 系 中 的 +z 旋转 90° 后 的 (1, 0, 0) 点 








4 图 4.50 ”图 中 两 个 坐标 系 的 x 轴 和 y 轴 是 重合 的 ， 区 别 仅 在 于 z 轴 的 方向 。 左 手 坐 标 系 的 〈0, 0， 
1) 点 和 右手 坐标 系 中 的 《0, 0, 1) 点 是 不 同 的 ， 但 它们 旋转 后 的 点 却 对 应 到 了 同一 点 


因此 ， 如 果 我 们 想 要 在 左手 和 右手 坐标 系 中 表示 同一 个 点 ， 就 需要 
把 其 中 一 个 坐标 系 中 的 表示 方法 中 的 某 个 轴 反 向 ， 一 般 是 把 z 值 取 反 。 
在 本 例 中 ， 左 手 坐 标 系 的 (0, 0, 1) 点 和 右手 坐标 系 中 的 (0, 0, -1) 点 是 同一 
点 。 但 是 ， 如 果 此 时 对 该 点 再 次 分 别 在 左手 和 右手 坐标 系 中 绕 y 轴 正 方 


























回旋 转 90*， 结 果 就 不 是 同一 个 点 了 ， 如 图 4.51 所 示 。 








左手 坐标 系 中 的 +z 
; -1) 点 


左手 坐标 系 中 的 (0, 0, 1) 点 


在 右手 坐标 系 中 绕 +y 
旋转 90° 后 的 (-1, 0, 0) 点 


+X 


在 左手 坐标 系 中 绕 +y 


右手 坐标 系 中 的 +z 旋转 90° 后 的 (1, 0, 0) 点 





全 图 4.51 绝对 空间 中 的 同一 点 ， 在 左手 和 右手 坐标 系 中 进行 同样 角度 的 旋转 ， 其 旋转 方向 是 
不 一 样 的 。 在 左手 坐标 系 中 将 按 顺 时 针 方向 旋转 ， 在 右手 坐标 系 中 将 按 逆 时 针 方向 旋转 





3. -10。10。 这 是 因为 ， 在 Unity 中 ， 模 型 空间 使 用 的 是 左手 坐标 
系 。 球 体 所 在 的 位 置 位 于 摄像 机 模型 空间 中 的 z 轴 正 方向 ， 因 此 在 模型 
空间 下 其 z 值 为 10。 而 观察 空间 使 用 的 右手 坐标 系 ， 摄 像 机 的 正 前 方 是 z 
轴 的 负 方 向 ， 因 此 在 观察 空间 下 其 z 值 为 -10。 


4.3.3 节 

1 . 

(1) 错误 ， 完 全 说 反 了 。 对 于 矢量 来 说 它 有 两 个 属性 : 模 〈 即 大 
小 ) 和 方向 ， 舌 量 是 没有 位 置 属性 的 ， 也 就 是 说 ， 我 们 可 以 随意 把 它 放 
在 空间 的 任何 位 置 。 

(2) 正确 。 


(3) 错误 。 坐 标 系 的 选择 不 会 对 底层 的 数学 计算 产生 影响 ， 对 于 
又 积 来 说 ， 我 们 总 可 以 使 用 公式 








a xb =(ax ,ay ,qz )x(bx ,by ,b, ) 


=(ay b; ~az by, a bx — ax by, ax by ~ ay b; ) 





来 计算 。 但 是 ， 不 同 的 坐标 系 会 影响 最 后 的 显示 结果 ， 即 视觉 上 的 
表现 。 数 学 是 一 门 非常 严谨 的 学 科 ， 但 人 类 往往 需要 可 视 化 一 些 东 西 ， 
例如 在 屏幕 上 显示 虚拟 的 三 维 空间 ， 在 把 数字 转换 成 视觉 表现 的 时 候 ， 
选择 不 同 的 坐标 系 可 能 会 得 到 不 同 的 结果 。 


2. 








(2) (12.5,10,25) 


(3) (1.5,2) 


5 12 a 
(二 二) ~ 0.3850.923 
C4 


(Se a ~ 0.5770.5770.577 
(5) \V3V3v3 

(6) (10,9) 

(7) (-6,1,2) 

3. V308 ~ 17.55 
CT 75 

(23 13 

(3) 13 


(4) (-9,-13,7) 


(5) (9,13,-7)， 注 意 ， 结 果 和 答案 (4) 是 相反 的 。 这 是 因为 ， 又 
积 满足 反 交 换 律 。 


5. 





(1) 12 
(2) 12V3 ~ 20.785 
6. 


(1) 我 们 可 以 通过 判断 x -p 和 v 点 积 的 符号 来 判断 x 是 否 在 NPC 的 
(x-p)v=|v | |x-p | cosgb 
其 中 9 是 x -p 和 v 之 间 的 夹 角 。 如 果 它 们 点 积 的 结果 大 于 0， 那 么 说 
明 <90°*， 即 点 x 在 NPC 的 前 方 ， 如 果 点 积 结果 小 于 0， 那 么 说 明 > 90。， 
即 点 x 在 NPC 的 后 方 ， 如 果 点 积 结果 等 于 0， 那 么 说 明 = 90?*， 即 点 x 在 
NPC 的 正 左 侧 或 正 右 侧 。 
(2) 代入 得 


(x -p )'v =((10,6)- (4, 2))-(-3,4)=(6,4)"(-3,4)=-18+16=-2<0 





因此 ， 反 x 在 NPC 的 后 方 。 


(3) 我 们 现在 需要 判断 cosg 和 ”2 的 大 小 。 如 果 w~w ， 那 么 说 
明 " 尘 ， 即 NPC 可 以 看 到 该 点 ， 如 果 w…-wf ， 那 么 说 明 ” ， 即 NPC 无 法 看 
{TT =P) :VT 
Cos 一 cos 二 人 
到 该 点 。cosg 可 以 由 |z 一 plo| 来 得 到 ， 而 ”2 可 直接 计算 得 
到 。 


(4) 如果 有 上 距离 限制 ， 我 们 只 需要 判断 该 点 到 p 的 距离 是 否 小 于 
该 限制 值 即 可 。 


7. 令 u=p,-p1，v=p3-p1i。 由 于 三 点 都 位 于 xy 平面 ， 那 么 有 : 











u =(Ux ,Uy ,0), Vv =(Vx ,vy ,0) 
它们 的 文 积 为 : 


U XV =(0,0,u,v Uy Vx ) 


我 们 可 以 通过 判断 ww -uw v 的 符号 来 判断 三 角形 的 朝向 。 如 果 访 


值 为 负 ， 则 由 左手 法 则 判断 可 得 到 3 个 顶点 的 顺序 是 顺 时 针 方 向 如果 
为 正 ， 则 为 送 时 针 方向 。 如 图 4.52 所 示 。 





a 
































A 图 4.52 ”在 左手 坐标 系 中 ， 如 果 叉 积 结果 为 负 ， 那 么 3 点 的 顺序 是 顺 时 针 方 向 
4.4.6 小 节 


1. 


1 3 引 [-1 5] _ [TD)(=D)+(3)(0) (1)(5)+(3)2)] [-1 11 
CD LE Yo 下 Lo2(D+((0) (2)(5)+(4(2 |-2 18 


(2) 无 法 进行 怎 阵 乘法 ， 两 个 矩阵 相 滋 要求 第 一 个 矩阵 的 列 数 等 
于 第 二 个 的 行 数 ， 因 此 我 们 无 法 对 2x3 和 4x2 的 怎 阵 进行 乘法 。 


1 :=2 3 一 5 (1){ 一 5) 十 (一 2)(4) 十 (3)(8) 11 
5 1 4 4 | = | (5)( 一 5) 十 (1)(4)++(4)(8) | = |11 
(3) [6 0 3 8 (6)( 一 5) + (0)(4) + (3)(8) 一 6 


2. 


(1) 不 是 正 交 矩阵 。 它 的 转 置 窍 阵 和 本 身 相 乘 的 结果 不 是 单位 矩 
阵 。 也 可 以 通过 验证 矩阵 的 行 是 否 构 成 一 组 标准 正 交 基 来 判断 。 


(2) 是 正 交 和 矩阵 。 
(3) 是 正 交 矩阵。 这 实际 上 是 一 个 绕 z 轴 旋 转 。 的 旋转 矩阵 。 





3. 
1 0 0 (3)(1) 十 (2)(0) 填 {6)(0) 
3 2 6 10 1 0|= |(3)(0)+(2)(1)+(6)(0)| =[3 2 6 
(1) 0 0 1 (3)(0) 十 (2)(0) 十 (6)(1) 


1 0 0 3 (1)(3) 十 (0)(2) 十 (0)(6) 3 
0 1 0 2| = (0)(3) 十 (1 )(2) + (0){6) = |2 
0 0 1 6 (3)(0 )(3) 十 (0)(2) 十 (1)(6) 6 


得 到 的 结果 转换 成 矢量 都 是 (3,2,6)， 是 一 样 的 。 这 是 因为 ， 该 矩阵 
古 一 个 单位 矩阵 ， 单 位 矩阵 和 任何 矩阵 相 乘 都 是 原 矩 阵 本 里。 


(2)(0) + (6)(0) 
+ (2)(1) 十 (6){(0) 


1 0 2 (3)(1) 十 
3 2 6 10 1 -3| = | (3)(0) + {2}(1)+ (6)(0) | =[8 2 18] 
(2) 0 0 3 (3)(2) 十 (2)( 一 3) 十 (6)(3) 





1 0 2 3 (1)(3) 十 (0){2) 十 (2)(6) 15 
0 1 -3| |2| = |(0)(3)+ 0 儿 2) 十 (一 3 儿 6) | = | 一 16 
0 0 3 6 (0)(3) 十 (0)(2) 十 (3)(6) 18 


得 到 的 结果 不 一 致 。 为 了 得 到 一 致 的 结果 ， 我 们 可 以 对 和 抱 阵 进行 转 
置 。 例 如 ， 为 了 得 到 和 列 和 矩阵 相同 的 结果 ， 在 进行 行 矩 阵 乘 法 时 ， 对 和 匹 
阵 进 行 转 置 ， 得 


Bi 1 0 0 
G0 前 | 全 二 三 和 二 你 盏 研习 证 衣 
00 3 2 = 3 


(3)(1) 十 (2)(0) 填 (6)(2) 
一 es (2)(1)++(6)(-3)| =[15 一 16 13] 
+ (2)(0 


)) + (6)(3) 


得 到 的 结果 转换 成 矢量 都 是 (22,-11,27)， 是 一 样 的 。 这 是 因为 ， 该 


证 阵 是 一 个 对 称 窍 阵 ( symmetric matrix) 。 对 称 窍 阵 的 转 置 是 其 本 
号 ， 因 此 行 矩 阵 和 列 矩 阵 不 会 对 经 者 果 产 生 影响 。 


第 2 篇 ”初级 篇 


在 学 习 完 基础 篇 后 ， 我 们 就 正式 开始 了 Unity Shader 的 学 习 之 旅 。 
初级 篇 将 会 从 最 简单 的 Shader 开 始 ， 讲 解 Shader 中 基础 的 光照 模型 、 纹 
理 和 透明 效果 等 初级 演 染 效果 。 需 要 注意 的 是 ， 我 们 在 初级 篇 中 实现 的 
Unity Shader 大 多 不 能 直接 用 于 真实 项 目 中 ， 因 为 它们 缺少 了 完整 的 光 
照 计 算 ， 例 如 阴影 、 光 照 衰 减 等 ， 仅 仅 是 为 了 曾 述 一 些 实现 原理 。 在 第 
9 章 ， 会 给 出 包含 了 完整 光照 计算 的 Unity Shader。 


第 5 章 开始 Unity Shader 学 习 之 旅 


本 章 将 实现 一 个 简单 的 顶点 / 片 元 着 色 器 ， 并 详细 解释 其 中 每 个 步 
又 的 原理 ， 还 会 给 出 关于 Unity Shader 的 一 些 常用 的 辅助 技巧 等 。 


第 6 章 Unity 中 的 基础 光照 


人 如 漫 反 里、 高 光 
反射 等 。 


第 7 章 基础 纹理 


这 一 章 将 会 讲述 如 何在 Unity Shader 中 使 用 法 线 纹理 、 氮 日 纹理 等 
基础 纹理 。 


第 8 章 透明 效果 
这 一 章 首先 介绍 了 泻 染 的 实现 原理 ， 并 给 出 了 和 Unity 的 演 染 顺序 


相关 的 重要 和 内容。 在 了 解 了 这 些 内 容 的 基础 上 ， 我 们 将 学 习 如 何 实现 透 
明度 训 试 和 透明 度 混 合 等 透明 效果 。 

















第 5 章 ” 开 始 Unity Shader 学 习 之 旅 


欢迎 来 到 本 书 的 第 2 篇 一 -初级 篇 。 在 基础 篇 中 ， 我 们 学 习 了 演 染 
流水 线 ， 并 给 出 了 Unity Shader 的 基本 概况 ， 同 时 还 打下 了 一 定 的 数学 
基础 。 从 本 章 开 始 ， 我 们 将 真正 开始 学 习 如 何在 Unity 中 编写 Unity 
Shader。 


本 章 的 结构 如 下 : 在 5.1 节 ， 我 们 将 给 出 编写 本 书 时 使 用 的 软件 ， 
包括 Unity 的 版 本 等 。 这 是 为 了 让 读者 可 以 在 实践 时 不 会 出 现 因 版 本 不 
同 而 造成 困扰 。 在 5.2 语 ， 我 们 将 看 到 一 个 最 简单 的 顶点 / 片 元 着 色 器 ， 
并 详细 地 解释 这 个 顶点 / 片 元 着 色 器 的 组 成 结构 。5.3 节 将 介绍 Unity 内 置 
的 Unity Shader 文 件 ， 以 及 提供 给 用 户 的 一 些 包 含 文件 、 内 置 变量 和 函 
数 等 。5.4 节 则 向 读者 阐述 Unity Shader 中 使 用 的 Cg 语义 ， 这 是 很 多 初学 
者 容易 困惑 的 地 方 。 在 5.5 节 中 ， 我 们 会 介绍 如 何 对 Unity Shader 进 行 调 
试 。5.6 节 将 介绍 平台 差异 对 Unity Shader 的 影响 。 最 后 ，5.7 节 将 给 出 一 
些 在 编写 Unity Shader 时 很 容易 实现 的 优化 技巧 。 为 了 让 读者 养 成 恨 好 
的 编程 习惯 ， 我 们 在 这 节 也 给 出 了 一 些 建议 。 





5.1 本 书 使 用 的 软件 和 环境 


本 书 使 用 的 Unity 版 本 是 Unity 5.2.1 免 费 版 。 使 用 更 高 版 本 的 Unity 通 
常 不 会 有 什么 影响 。 但 如 果 你 打算 使 用 更 低 版 本 的 Unity， 那 么 在 学 习 
本 书 时 可 能 就 会 遇 到 一 些 问题 。 例 如 ， 你 发 现 有 些 亲 单 或 变量 在 你 安装 
的 Unity 中 找 不 到 ， 可 能 就 是 因为 Unity 版 本 不 同 造 成 的 。 绝 大 多 数 情 况 
下 ， 本 书 的 代码 和 指令 仍然 可 以 工作 良好 ， 但 在 一 些 特殊 情况 下 ， 
Unity 可 能 会 更 改 底 层 的 实现 细节 ， 造 成 同样 的 代码 得 到 不 一 样 的 效果 
例如， 在 非 统 一 缩放 时 对 法 线 进行 变换 ， 详 见 19.3 节 ) 。 还 有 一 些 问 
题 是 Unity 提 供 的 内 置 变量 、 宏 和 函数 ， 例 如 我 们 在 书 中 经 常会 使 用 
UnityObjectToWorldNormal 内 置 函数 把 法 线 从 模型 空间 变换 到 世界 空间 
中 ， 但 这 个 函数 是 在 Unity 5 中 被 引入 的 ， 因 此 如 果 读 者 使 用 的 是 Unity 5 
之 前 的 版 本 就 会 报错 。 类 似 的 情况 还 有 和 阴影 相关 的 宏和 变量 等 。 和 
Unity 4.x 版 本 相 比 ，Unity 5.x 最 大 的 变化 之 一 就 是 很 多 以 前 只 有 在 专业 
版 才 文 持 的 功能 ， 在 免费 厂 也 同样 提供 了 。 因 此 ， 如 果 读 者 使 用 的 是 
Unity 4.x 免 费 版 ， 可 能 会 友 现 本 书 中 的 某 些 示例 无 法 实现 。 


本 书 工程 编写 的 系统 环境 是 Mac OS X 10.9.5。 如 果 读 者 使 用 的 是 其 
他 系统 ， 绝 大 部 分 情况 也 不 会 有 任何 问题 。 但 有 时 会 由 于 图 像 编 程 接口 
的 种 类 和 版 本 不 同 而 有 一 些 差 别 ， 这 是 因为 Mac 使 用 的 图 像 编 程 接口 是 
基于 OpenGL 的 ， 而 其 他 平台 如 Windows， 可 能 使 用 的 是 DirectX。 例 
如 ， 在 OpenGL 中 ， 演 染 纹理 (Render Texture) 的 (0, 0) 点 是 在 左下 角 ， 
而 在 DirectX 中 ，(0, 0) 点 是 在 左上 角 。 在 5.6 节 ， 我 们 将 总 结 一 些 由 于 和 平 
台 而 造成 的 差异 问题 。 

















5.2 一 个 最 简单 的 顶点 / 片 元 着 色 强 


现在 ， 我 们 正式 开始 学 习 如 何 编写 Unity Shader， 更 准确 地 说 是 ， 
学 习 如 何 编写 顶点 / 片 元 着 色 器 。 


5.2.1 顶点 / 厂 元 着 色 器 的 基本 结构 
我 们 在 3.3 节 已 经 看 到 了 Unity Shader 的 基本 结构 。 它 包含 了 Shader 


、Properties 、SubShader 、Fallback 等 语义 块 。 顶 点 / 片 元 着 色 器 的 结构 
与 之 大 体 类 似 ， 它 的 结构 如 下 : 











Shader "MyShaderName" { 
Properties { 


// 属性 








} 
SubShader { 
// 针对 显卡 A 的 SubShader 
Pass { 
// 设置 演 染 状态 和 标签 








// 开始 Cg 代码 片段 

CGPROGRAM 

// 该 代码 片段 的 编译 指令 ， 例 如 : 
#pragma vertex vert 

#pragma fragment frag 

















// Cg 代码 写 在 这 里 
ENDCG 


// 其 他 设置 





} 
// 其 他 需要 的 Pass 
} 
SubShader { 
// 针对 显卡 B 的 SubSshader 





} 


// 上 述 subshader 都 失败 后 用 于 回调 的 Unity Shader 
Fallback "VertexLit" 























[L 


其 中 ， 最 重要 的 部 分 是 Pass 语义 块 ， 我 们 绝 大 部 分 的 代码 都 是 写 在 
这 个 语义 块 里 面 的 。 下 面 我 们 就 来 创建 一 个 最 简单 的 顶点 / 片 元 着 色 
器 。 


(1) 新 建 一 个 场景 ， 把 它 命名 为 Scene 5 _ 2。 在 Unity 5 中 可 以 得 到 
图 5.1 中 的 效果 。 


二 Hierarchy 


Main Camera 
Directional Light 





4 图 5.1 在 Unity 5 中 新 建 一 个 场景 得 到 的 效果 


可 以 看 到 ， 场 景 中 已 经 包含 了 一 个 摄像 机 、 一 个 平行 光 。 而 且 ， 场 
景 的 背景 不 是 纯色 ， 而 是 一 个 天 空 盒子 〈Skybox) 。 这 是 因为 在 Unity 
5.X 版 本 中 ， 默 认 的 天 空 盒子 不 为 衬 ， 而 是 Unity 内 置 的 一 个 天 空 盒子 。 
为 了 得 到 更 加 原始 的 效果 ， 我 们 选择 去 掉 这 个 天 空 盒 子 。 做 法 是 ， 在 
Unity 的 菜单 中 ， 选 择 Window -> Lighting -> Skybox， 把 该 项 置 为 空 。 注 
意 ， 在 Unity 4.x 版 本 中 ， 设 置 天 空 盒子 的 位 置 与 这 里 并 不 一 样 。 


(2) 新 建 一 个 Unity Shader， 把 它 命 名 为 Chapter5-SimpleShader。 
(3) 新 建 一 个 材质 ， 把 它 命名 为 SimpleShaderMat。 把 第 2 步 中 新 


























建 的 Unity Shader 赋 给 它 。 


(4) 新 建 一 个 球体 ， 拖 上 忠 它 的 位 置 以 便 在 Game 视 图 中 可 以 合适 地 
显示 出 来 。 把 第 3 步 中 新 建 的 材质 拖 上 中 给 它 。 


(5) 双击 打开 第 2 步 中 创建 的 Unity Shader。 删 除 里 面 的 所 有 代 
码 ， 把 下 面 的 代码 粘贴 进去 : 


Shader "Unity Shaders Book/Chapter 5/Simple Shader" { 
SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


float4 vert(float4 v : POSITION) : SV_POSITION { 
return mul (UNITY MATRIX MVP, Vv); 
} 


fixed4 frag() : SV_Target { 
return fixed4(1.06, 1.06, 1.06, 1.06); 


} 





保存 并 返回 Unity 查 看 结果 。 
最 后 ， 我 们 得 到 的 结果 如 图 5.2 所 示 。 


二 Hierarchy 

Create "| 【crAll 
Main Camera 
Directional Light 
Sphere 





A 图 5.2 ”用 一 个 最 简单 的 顶点 / 片 元 着 色 器 得 到 一 个 白色 的 球 


这 是 我 们 遇见 的 第 一 个 真正 意义 上 的 顶点 / 片 元 着 色 器 ， 我 们 有 必 
要 来 详细 地 解释 一 下 它 。 


首先 ， 代 码 的 第 一 行 通过 Shader 语义 定义 了 这 个 Unity Shader 的 名 
“Unity Shaders Book/Chapter 5/Simple Shader”。 保 持 良 好 的 命名 
习惯 有 助 于 我 们 在 为 材质 球 选择 Shader 时 快速 找到 自 定义 的 Unity 

Shader。 需 要 注意 的 是 ， 在 上 面 的 代码 里 我 们 并 没有 用 到 Properties 语 
、 Properties 语义 并 不 是 必需 的 ， 我 们 可 以 选择 不 声明 任何 材质 属 


然后 ， 我 们 声明 了 SubShader 和 Pass 语义 块 。 在 本 例 中 ， 我 们 个 需 
要 进行 任何 泻 染 设置 和 标签 设置 ， 因 此 SubShader 将 使 用 默认 的 演 染 设 
置 和 标签 设置 。 在 SubShader 语义 块 中 ， 我 们 定义 了 一 个 Pass ， 在 这 
个 Pass 中 我 们 同样 没有 进行 任何 目 定义 的 泻 染 设置 和 标签 设置 。 


接着 ， 就 是 由 CGPROGRAM 和 ENDCG 所 包围 的 CG 代 码 片段 。 这 
是 我 们 的 重点 。 首 先 ， 我 们 遇 到 了 两 行 非常 重要 的 编译 指令 


#pragma vertex Vert 
#pragma fragment frag 





| 


它们 将 告诉 Unity， 哪 个 函数 包含 了 顶点 着 色 器 的 代码 ， 哪 个 函数 
包含 了 片 元 着 色 器 的 代码 。 更 通用 的 编译 指令 表示 如 下 : 


#pragma vertex name 
#pragma fragment name 





其 中 name 就 是 我 们 指定 的 函数 名 ， 这 两 个 函数 的 名 字 不 一 定 是 vert 
和 frag， 它 们 可 以 是 任意 自 定 义 的 合法 函数 名 ， 但 我 们 一 般 使 用 vert 和 
frag 来 定义 这 两 个 函数 ， 因 为 它们 很 直观 。 


接 下 来 ， 我 们 具体 看 一 下 vert 函 数 的 定义 : 





float4 vert(float4 v : POSITION) : SV_POSITION { 
return mul (UNITY MATRIX MVP, Vv); 


} 





这 就 是 本 例 使 用 的 顶点 着 色 器 代码 ， 它 是 逐 顶 点 执行 的 。vert 函 数 
的 输入 v 包 含 了 这 个 顶点 的 位 置 ， 这 是 通过 POSITION 语义 指定 的 。 它 的 
返回 值 是 一 个 foat4 类 型 的 变量 ， 它 是 该 顶点 在 裁剪 空间 中 的 位 
置 ，POSITION 和 SV_POSITION 都 是 Cg/HLSL 中 的 语义 〈semantics ) 

， 它 们 是 不 可 省 略 的 ， 这 些 语义 将 告诉 系统 用 户 需 要 哪些 输入 值 ， 以 及 
用 户 的 输出 是 什么 。 例 如 这 里 ，POSITION 将 告诉 Unity， 把 模型 的 顶点 
坐标 填充 到 输入 参数 v 中 ，SV_POSITION 将 告诉 Unity， 顶 点 着 色 器 的 输 
出 是 裁剪 空间 中 的 顶点 坐标 。 如 果 没 有 这 些 语义 来 限定 输入 和 输出 参数 
的 话 ， 演 染 器 惑 完 全 不 知道 用 户 的 输入 输出 是 什么 ， 因 此 惑 会 得 到 错误 
的 效果 。 在 5.4 节 中 ， 我 们 将 总 结 这 些 语义 。 在 本 例 中 ， 顶 点 着 色 器 只 
包含 了 一 行 代 码 ， 这 行 代码 读者 应 该 已 经 很 熟悉 了 (起码 对 这 个 数学 操 
作 应 该 很 熟悉 了 ) ， 这 一 步 就 是 把 顶点 坐标 从 模型 空间 转换 到 裁剪 空间 
中 。UNITY_MATRIX_MVP 和 矩阵 是 Unity 内 置 的 模型 .观察 .投影 矩阵 ， 
我 们 在 4.8 节 已 经 见 过 它 了 。 


然后 ， 我 们 再 来 看 一 下 frag 函 数 : 














fixed4 frag() : SV_Target { 
return fixed4(1.06, 1.06, 1.06, 1.0); 


} 





在 本 例 中 ，frag 函 数 没 有 任何 输入 。 它 的 输出 是 一 个 fixed4 类 型 的 变 
量 ， 并 且 使 用 了 SV_Target 语义 进行 限定 。SV_Target 也 是 HLSL 中 的 一 
个 系统 语义 ， 它 等 同 于 告诉 泻 染 器 ， 把 用 户 的 输出 颜色 存储 到 一 个 演 染 
目标 (render target) 中 ， 这 里 将 输出 到 默认 的 帧 缓存 中 。 片 元 着 色 器 中 
的 代码 很 简单 ， 返 回 了 一 个 表示 白色 的 fixed4 类 型 的 变量 。 片 元 着 色 器 
人 

示 


至 此 ， 我 们 已 经 对 第 一 个 顶点 / 片 元 着 色 器 进行 了 详细 的 解释 。 但 
是 ， 现 在 得 到 的 效果 实在 是 太 简 单 了 ， 如 何 直 是 它 呢 ?下 面 我 们 将 一 步 
0 

器 。 


5.2.2 ”模型 数据 从 哪里 来 


在 上 面 的 例子 中 ， 在 顶点 着 色 需 中 我 们 使 用 POSTTION 语义 得 到 了 
模型 的 顶点 位 置 。 那 么 ， 如 采 我 们 想 要 得 到 更 多 模型 数据 怎么 办 呢 ? 


现在 ， 我 们 想 要 得 到 模型 上 每 个 顶点 的 纹理 坐标 和 法 线 方向 。 这 个 
需求 是 很 常见 的 ， 我 们 需要 使 用 纹理 坐标 来 访问 纹理 ， 而 法 线 可 用 于 计 
算 光 照 。 因 此 ， 我 们 需要 为 顶点 着 色 器 定义 一 个 新 的 输入 参数 ， 这 个 参 
数 不 再 是 一 个 简单 的 数据 类 型 ， 而 是 一 个 结构 体 。 修 改 后 的 代码 如 下 : 























Shader "Unity Shaders Book/Chapter 5/Simple Shader" { 


SubShader { 
Pass 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


























// 使 用 一 个 结构 体 来 定义 顶点 着 色 器 的 输入 

struct a2v { 
// POSITION 语义 告诉 Unity， 用 模型 空间 的 顶点 坐标 填充 vertex 变 量 
float4 vertex : POSITION 



























































// NORMAL 语 义 告诉 Unity， 用 模型 空间 的 法 线 方向 填充 norma1 变 量 
float3 normal : NORMAL 
// TEXCOORDe8 语 义 告诉 Unity， 用 模型 的 第 一 套 纹理 坐标 填充 texcoord 
































六 
el 





float4 texcoord : TEXCOORD®; 
}; 


float4 vert(a2v v) : SV_POSITION { 
// 使 用 v.vertex 来 访问 模型 空间 的 顶点 坐标 
return mul (UNITY MATRIX MVP, Vv.vertex); 























} 
fixed4 frag() : SV_Target { 

return fixed4(1.06, 1.06, 1.06, 1.06); 
} 


ENDCG 





在 上 面 的 代码 中 ， 我 们 声明 了 一 个 新 的 结构 体 a2v， 它 包含 了 顶点 
着 色 右 需要 的 模型 数据 。 在 a2v 的 定义 中 ， 我 们 用 到 了 更 多 Unity 支 持 的 
语义 ， 如 NORMAL 和 TEXCOORD0 ， 当 它们 作为 顶点 着 色 器 的 输入 时 
都 是 有 特定 含义 的 ， 因 为 Unity 会 根据 这 些 语义 来 填充 这 个 结构 体 。 对 





于 顶点 着 色 器 的 输入 ，Unity 文 持 的 语义 有 : POSITION, TANGENT 
，NORMAL ，TEXCOORD0 ，TEXCOORD1I ，TEXCOORD2 
，TEXCOORD3 ，COLOR 等 。 


为 了 创建 一 个 自 定 义 的 结构 体 ， 我 们 必须 使 用 如 下 格式 来 定义 它 : 


struct StructName { 
Type Name : Semantic ; 
Type Name : Semantic ; 





其 中 ， 语 义 是 不 可 以 被 省 略 的 。 在 5.4 节 中 ， 我 们 将 给 出 这 些 语义 
的 含义 和 用 法 。 


然后 ， 我 们 修改 了 vert 函 数 的 输入 参数 类 型 ， 把 它 设置 为 我 们 新 定 
义 的 结构 体 a2v。 通 过 这 种 目 定 义 结构 体 的 方式 ， 我 们 就 可 以 在 顶点 着 
色 器 中 访问 模型 数据 。 


读者 : a2v 的 名 字 是 什么 意思 呢 ? 


我 们 : a 表示 应 用 (application) ，v 表 示 顶 点 着 色 器 (vertex 
shader) ，a2v 的 意思 就 是 把 数据 从 应 用 阶段 传递 到 顶点 着 色 右 中 。 


那么 ， 填 充 到 POSITION ，TANGENT ，NORMAL 这 些 语义 中 的 数 
据 究 竟 是 从 哪里 来 的 呢 ? 在 Unity 中 ， 它 们 是 由 使 用 该 材质 的 Meshn 
Render 组 件 提 供 的 。 在 每 帧 调用 Draw Call 的 时 候 ，Mesh Render 组 件 会 
把 它 负 责 演 染 的 模型 数据 发 送 给 Unity Shader。 我 们 知道 ， 一 个 模型 通 
常 包含 了 一 组 三 角 面 片 ， 每 个 三 角 面 片 由 3 个 顶点 构成 ， 而 每 个 顶点 又 
包含 了 一 些 数据 ， 例 如 顶点 位 置 、 法 线 、 切 线 、 纹 理 坐 标 、 顶 点 颜色 
I 
数据， 


5.2.3 ”顶点 看 色 右 和 片 元 看 色 融 之 间 如 何 通信 

在 实践 中 ， 我 们 往往 希望 从 顶点 着 色 咒 输出 一 些 数 据 ， 例 如 把 模型 
的 法 线 、 纹 理 坐 标 等 传递 给 片 元 着 色 器 。 这 就 涉及 顶点 着 色 器 和 广元 着 
色 串 之 间 的 通信 。 

为 此 ， 我 们 需要 再 定义 一 个 新 的 结构 体 。 修 改 后 的 代码 如 下 : 














Shader "Unity Shaders Book/Chapter 5/Simple Shader" { 
SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORD®; 
}; 


// 使 用 一 个 结构 体 来 定义 顶点 着 色 器 的 输出 





























struct v2f { 
// SV_POSITION 语 义 告诉 Unity，pos 里 包含 了 顶点 在 裁剪 空间 中 的 位 置 


























float4 pos : SV_POSITION 
// COLOR6 语 义 可 以 用 于 存储 颜色 信息 
fixed3 color : COLOR9 


























}; 


v2f vert(a2v v) : SV_POSITION { 
// 声明 输出 结构 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
// v.normal 包 含 了 顶点 的 法 线 方向 ， 其 分 量 范围 在 [-1.6，1.6] 
// 下 面 的 代码 把 分 量 范围 映射 到 了 [8.6，1.6] 
// 存储 到 o.color 中 传递 给 片 元 着 色 器 
oO.color = Vv.normal * 9.5 + fixed3(0.5, 0.5, 0.5); 
return o; 





























} 


fixed4 frag(v2f i) : SV_ Target { 
// 将 插值 后 的 i.color 显 示 到 屏幕 上 


return fixed4(i.color, 1.0); 





ENDCG 





在 上 面 的 代码 中 ， 我 们 声明 了 一 个 新 的 结构 体 v2f。v2f 用 于 在 顶 抬 








着 色 器 和 片 元 着 色 器 之 间 传 递 信 息 。 同 样 的 ，v2f 中 也 需要 指定 每 个 变 

量 的 语义 。 在 本 例 中 ， 我 们 使 用 了 SV_POSITION 和 COLOR0 语义 。 顶 

点 着 色 器 的 输出 结构 中 ， 必 须 包含 一 个 变量 ， 它 的 语义 是 SV_POSITION 
。 和 否则 ， 演 染 器 将 无 法 得 到 裁剪 空间 中 的 顶点 坐标 ， 也 就 无 法 把 项 点 泻 
染 到 屏 秦 上 。COLORO0O 语义 中 的 数据 则 可 以 由 用 户 自 行 定义 ， 但 一 般 都 
是 存储 颜色 ， 例 如 逐 顶 点 的 漫 反 射 颜色 或 逐 顶 点 的 高 光 反 射 颜色 。 类 似 
的 语义 还 有 COLORI 等 ， 具 体 可 以 详 见 5.4 节 。 


至 此 ， 我 们 就 完成 了 顶点 着 色 器 和 片 元 着 色 器 之 间 的 通信 。 需 要 注 
意 的 是 ， 顶 点 着 色 器 是 逐 顶 点 调用 的 ， 而 片 元 着 色 器 是 逐 片 元 调用 的 。 
片 元 着 色 器 中 的 输入 实际 上 是 把 顶点 着 色 器 的 输出 进行 插值 后 得 到 的 结 
果 。 








5.2.4 如 何 使 用 属性 


在 3.1.1 节 中 ， 我 们 就 提 到 了 材质 和 Unity Shader 之 间 的 紧密 联系 。 
材质 提供 给 我 们 一 个 可 以 方便 地 调节 Unity Shader 中 参数 的 方式 ， 通 过 
这 些 参数 ， 我 们 可 以 随时 调整 材质 的 效果 。 而 这 些 参数 就 需要 写 在 
Properties 语 义 块 中 。 


现在 ， 我们 有 了 新 的 需求 。 我 们 想 要 在 材质 面板 显示 一 个 颜色 拾取 
A 0 为 此 ， 我 们 继续 修改 





Shader "Unity Shaders Book/Chapter 5/Simple Shader" { 
Properties { 
// 声明 一 个 color 类 型 的 属性 
_Color ("Color Tint", Color) = (1.60,1.0,1.06,1.06) 


SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 




















// 在 Cg 代码 中 ， 我 们 需要 定义 一 个 与 属性 名 称 和 类 型 都 匹配 的 变量 
fixed4 _Color; 








struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORD®; 
}; 


struct v2f { 
float4 pos : SV_POSITION; 
fixed3 color : COLORQ; 

}; 


v2f vert(a2v v) : SV_POSITION { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
oO.color = Vv.normal * 0.5 + fixed3(60.5, 0.5, 0.5); 
return o; 


fixed4 frag(v2f i) : SV_Target { 
fixed3 c = i.color; 

















// 使 用 _Color 属 性 来 控制 输出 颜色 
Cc *= Color.rgb; 
return fixed4(c, 1.0); 














在 上 面 的 代码 中 ， 我 们 首先 添加 了 Properties 语义 块 中 ， 并 在 其 中 
声明 了 一 个 属性 _Color， 它 的 类 型 是 Color， 初 始 值 是 (1.0,1.0,1.0,1.0)， 
对 应 日 色 。 为 了 在 Cg 代码 中 可 以 访问 它 ， 我 们 还 需要 在 Cg 代码 方 段 中 
提前 定义 一 个 新 的 变量 ， 这 个 变量 的 名 称 和 类 型 必须 与 Properties 语义 
块 中 的 属性 定义 相 匹 配 


ShaderLab 中 属性 的 类 型 和 Cg 中 变量 的 类 型 之 间 的 匹配 关系 如 表 5.1 
所 示 。 





表 5.1 ShaderLab 属 性 类 型 和 Cg 变量 类 型 的 匹配 关系 


ShaderLab 属 性 > Cg 变量 类 型 


Range, Float float, half, fixed 














有 时 ， 读 者 可 能 会 发 现在 Cg 变量 前 会 有 一 个 uniform 关 键 字 ， 例 
如 : 


uniform fixed4 _Color; 


uniform 关 键 词 是 Cg 中 修饰 变量 和 参数 的 一 种 修饰 词 ， 它 仅仅 用 于 
提供 一 些 关 于 该 变量 的 初始 值 是 如 何 指定 和 存储 的 相关 信息 (这 和 其 他 
一 些 图 像 编程 接口 中 的 uniform 关 键 词 的 作用 不 太一 样 )。 在 Unity 
Shader 中 ，uniform 关 键 词 是 可 以 省 略 的 。 


5.3 ”强大 的 援手 : Unity 提 供 的 内 置 文件 和 变量 


上 一 节 讲 述 了 如 何在 Unity 中 编写 一 个 基本 的 顶点 / 片 元 着 色 器 的 过 
程 。 顶 点 / 片 元 着 色 的 复杂 之 处 在 于 ， 很 多 事情 都 需要 我 们 “ 杀 力 杀 为 ”， 
例如 我 们 需要 目 己 转换 法 线 方向 ， 目 己 处 理光 照 、 阴 影 等 。 为 了 方便 开 
发 者 的 编码 过 程 ，Unity 提 供 了 很 多 内 置 文件 ， 这 些 文件 包含 了 很 多 提 
前 定义 的 函数 、 变 量 和 宏 等 。 如 采 读 者 在 学 习 他 人 编写 的 Unity Shader 
代码 时 ， 过 到 了 一 些 从 未 见 过 的 变量 、 函 数 ， 而 又 无 法 找到 对 应 的 声明 
1 那么 很 有 可 能 就 是 这 些 代码 使 用 了 Unity 内 置 文件 提供 的 函数 
[I 变量。 


本 节 将 给 出 这 些 文件 和 变量 的 概览 。 
5.3.1 内 置 的 包含 文件 

包含 文件 (include file) ， 是 类 似 于 C++ 中 头 文件 的 一 种 文件 。 在 
Unity 中 ， 它 们 的 文件 后 级 是 .cginc。 在 编写 Shader 时 ， 我 们 可 以 使 用 


#include 指 令 把 这 些 文件 包含 进来 ， 这 样 我 们 就 可 以 使 用 Unity 为 我 们 提 
供 的 一 些 非常 有 用 的 变量 和 帮助 函数 。 例 如 : 





CGPROGRAM 
/1 wi 
#include "UnityCG.cginc" 





那么 ， 这 些 文件 在 哪里 呢 ? 我 们 可 以 在 官方 网 站 
(http://unity3d.com/cn/get-unity/download/ archive ) 上 选择 下 载 -> 内 置 
着 色 器 来 直接 下 载 这 些 文件 ， 图 5.3 显 示 了 由 官网 压缩 包 得 到 的 文件 。 


向] buittin_shaders-4.5.0 rr GT AutoLight.cginc 

国 builtin_shaders-4.6.5 | 国 DefaultResources | 1 HLSLSupport.cginc 

(MM builtin_shaders-5.0.1fl |! 国 DefaultResourcesExtra 1 ] Lighting.cginc 

OM builtin_shaders-5.1.0f3 | MM Editor 1] SpeedTree...mon.cginc 


(9 builtin_shaders-5.2.1f1 | 1 SpeedTree...mon.Cginc 


和 图 5.3 Unity 的 内 置 着 色 器 


从 图 5.3 中 可 以 看 出 ， 从 官网 下 载 的 文件 中 包含 了 多 个 文件 来 。 其 
中 ，CGIncludes 文 件 夹 中 包含 了 所 有 的 内 置 包 含 文 件 ; DefaultResources 
文件 夹 中 包含 了 一 些 内 置 组 件 或 功能 所 需要 的 Unity Shader， 例 如 一 些 
GUI 元 素 使 用 的 Shader; DefaultResourcesExtra 则 包含 了 所 有 Unity 中 内 置 
的 Unity Shader; Editor 文 件 夹 目前 只 包含 了 一 个 脚本 文件 ， 它 用 于 定义 
Unity 5 引入 的 Standard Shader 〈 详 见 第 18 章 ) 所 用 的 材质 面板 。 这 些 文 
件 都 是 非常 好 的 参考 资料 ， 在 我 们 想 要 学 习 内 置 厦 色 器 的 实现 或 是 寻找 
内 置 函 数 的 实现 时 ， 都 可 以 在 这 里 找到 内 部 实现 。 但 在 本 节 中 ， 我 们 只 
关注 CGIncludes 文 件 夹 下 的 相关 文件 。 

我 们 也 可 以 从 Unity 的 应 用 程序 中 直接 找到 CGIncludes 文 件 夹 。 在 
Mac 上 上 ， 它 们 的 位 置 
是 : /Applications/Unity/Unity.app/Contents/CGIncludes; 在 Windows 上 ， 
它们 的 位 置 是 : Unity 的 安 半 路径/Data/CGIncludes。 


表 5.2 给 出 了 CGIncludes 中 主要 的 包含 文件 以 及 它们 的 主要 用 处 。 
表 5.2 ”Unity 中 一 些 常 用 的 包含 文件 


了 最 全 用 的 本 丽 数 、 央 和 结构 体 和 



































UnityShaderVariables.cginc 


人 企 编 译 Unity Shader 时 ， 会 被 自动 包含 进来 。 包 含 了 许多 


置 的 全 局 变量 ， 如 UNITY_MATRIX_MVP 等 








含 了 各 种 内 置 的 光照 模型 ， 如 果 编 写 的 是 Surface 
ee 会 自动 包含 进来 





Lighting.cginc 








HLSLSupport.cginc I 声明 了 很 多 




















可 以 看 出 ， 有 一 些 文件 是 即便 我 们 没有 使 用 胡 nclude 指令 ， 它 们 也 
是 会 被 自动 包含 进来 的 ， 例 如 UnityShaderVariables.cginc。 因 此 ， 在 前 


面 的 例子 中 ， 我 们 可 以 直接 使 用 UNITY_MATRIX_MVP 变 量 来 进行 顶 

点 变换 。 除 了 表 5.2 中 列 出 的 包含 文件 外 ，Unity 5 引入 了 许多 新 的 重要 

的 包含 文件 ， 如 UnityStandardBRDF.cginc、UnityStandardCore.cginc 等 ， 

0 我 们 会 在 第 18 章 中 再 次 过 到 它 
js 





UnityCG.cginc 是 我 们 最 党 接触 的 一 个 包含 文件 。 在 后 面 的 学 习 中 ， 
我 们 将 使 用 很 多 该 文件 提供 的 结构 体 和 函数 ， 为 我 们 的 编写 提供 方便 。 
例如 ， 我 们 可 以 直接 使 用 UnityCG.cginc 中 预定 义 的 结构 体 作 为 顶点 着 色 
器 的 输入 和 输出 。 表 5.3 给 出 了 一 些 结构 体 的 名 称 和 包含 的 变量 。 


表 5.3” ”UnityCG.cginc 中 一 些 常 用 的 结构 体 

占 时 下 AAA 
Ce 顶点 位 置 、 顶 点 法 线 、 第 一 组 纹理 坐标 
顶点 | 顶点 位 置 、 顶 点 切线 、 顶 点 法 线 、 第 一 组 纹理 
we 着 色 器 位 置 、 顶 点 切线 、 顶 点 法 线 、 第 一 组 纹 




























































































js fl | 可 用 于 顶点 着 色 器 | 顶点 位 置 、 顶 点 切线 、 顶 点 法 线 、 四 组 (或 更 
2pPCa au | 的 输入 多 ) 纹理 坐标 
sees ee 顶点 位 置 、 第 一 组 纹理 坐标 
页 点 忆 
加 骨 了 顶点 者 色 器 | 裁剪 空间 中 的 位 置 、 纹 理 人 标 
| 


强烈 建议 读者 找到 UnityCG.cginc 文 件 并 查看 上 述 结构 体 的 声明 ， 这 
样 的 过 程 可 以 帮助 我 们 快速 理解 Unity 中 一 些 内 置 变量 的 工作 原理 。 


















































除了 结构 体外 ，UnityCG.cginc 也 提供 了 一 些 常 用 的 帮助 函数 。 表 
5.4 给 出 了 一 些 函 数 名 和 它们 的 描述 。 





表 5.4 UnityCG.cginc 中 一 些 常 用 的 帮助 函数 





float3 WorldSpaceViewDir 输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 世 界 空间 中 从 
(float4 v) 该 点 到 摄像 机 的 观察 方向 








float3 ObjSpaceViewDir 输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 模型 空间 中 从 
(float4 v) 该 点 到 摄像 机 的 观察 方向 


| 仅 可 用 于 前 向 渲染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 
float3 WorldSpaceLightDir 。 | 各， 返回 世界 室 间 中 内 该 后 汉 光 源 的 光照 方向 。 没 有 
人 被 归 一 化 








eg 用 于 前 向 演 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 
foaG ObjSpaceLightpr | 汗 ， 返回 模型 宰 亲 中 反 沪 扣 洒 光源 的 关中 方向 ， 没 有 : 
Wa 被 归 一 化 





float3 
UnityObjectToWorldNormal “| 把 法 线 方向 从 模型 空间 转换 到 世界 空间 中 


(float3 norm) 











float3 UnityObjectToWorldDir 把 方向 矢量 从 模型 空间 变换 到 世界 空间 中 
(float3 dir) 














UnityWorldToObjectDir(float3 把 方 向 矢量 从 世界 空间 变换 到 模型 空间 中 





我 们 建议 读者 在 UnityCG.cginc 文 件 找 到 这 些 函 数 的 定义 ， 并 尝试 理 
解 它 们 。 一 些 函 数 我 们 完全 可 以 自己 实现 ， 例 如 UnityObjectToWorldDir 
和 UnityWorldToObjectDir， 这 两 个 函数 实际 上 就 是 对 方 同 矢量 进 行 了 一 
次 坐标 空间 变换 。 而 UnityCG.cginc 文 件 可 以 帮助 我 们 提高 代码 的 复 用 
率 。UnityCG.cginc 还 包含 了 很 多 宏 ， 在 后 面 的 学 习 中 ， 我 们 就 会 遇 到 它 
们 。 








5.3.2 内置 的 变量 


我 们 在 4.8 节 给 出 了 一 些 用 于 坐标 变换 和 摄像 机 参数 的 内 置 变量 。 
除 此 之 外 ，Unity 还 提供 了 用 于 访问 时 间 、 光 照 、 筋 效 和 环境 光 等 目的 
的 变量 。 这 些 内 置 变 量 大 多 位 于 UnityShader Variables.cginc 中 ， 与 光照 
有 关 的 内 置 变量 还 会 位 于 Lighting.cginc、AutoLight.cginc 等 文件 中 。 当 
我 们 在 后 面 的 学 习 中 遇 到 这 些 变量 时 ， 再 进行 详细 的 讲解 。 











5.4 ”Unity 提 供 的 Cg/HLSL 语 义 


读者 在 平时 的 Shader 学 习 中 可 能 经 常 看 到 ， 在 顶点 着 色 器 和 片 元 着 
色 器 的 输入 输出 变量 后 还 有 一 个 冒号 以 及 一 个 全 部 大 写 的 名 称 ， 例 如 在 
5.2 节 看 到 的 SV_POSITION 、POSITION 、COLOR 0。 这 些 大 写 的 名 字 
是 什么 意思 呢 ? 它们 有 什么 用 呢 ? 


5.4:1 什么 是 语义 


实际 上 ， 这 些 是 Cg/HLSL 提 供 的 语义 (semantics) 。 如 果 读 者 从 
前 接触 过 Cg/HLSL 编 程 的 话 ， 可 能 对 这 些 语义 很 熟悉 。 读 者 可 以 在 微软 
的 关于 DirectX 的 文档 (https://msdn.microsoft.com/ en- 
us/library/windows/desktop/bb509647(v=vs.85).aspx#VS .aspx#VS)) 中 找 
到 关于 语义 的 详细 说 明 页 面 。 根 据 文档 我 们 可 以 知道 ， 语 义 实际 上 束 是 
一 个 赋 给 Shader 输 入 和 输出 的 字符 串 ， 这 个 字符 串 表 达 了 这 个 参数 的 合 
义 。 通 俗 地 讲 ， 这 些 语义 可 以 让 Shader 知 道 从 哪里 读 取 数据 ， 并 把 数据 
输出 到 哪里 ， 它 们 在 CgHLSL 的 Shader 流 水 线 中 是 不 可 或 缺 的 。 需 要 注 
意 的 是 ，Unity 并 没有 文 持 所 有 的 语义 。 


通 和 情况 下 ， 这 些 输入 输出 变量 并 不 需要 有 特别 的 意义 ， 也 吏 是 
说 ， 我 们 可 以 目 行 决定 这 些 变 量 的 用 途 。 例 如 在 上 面 的 代码 中 ， 顶 点 着 
色 器 的 输出 结构 体 中 我 们 用 COLOR 0 语义 去 描述 color 变 量 。color 变 量 本 
身 存储 了 什么 ，Shader 流 水 线 并 不 关心 。 


而 Unity 为 了 方便 对 模型 数据 的 传输 ， 对 一 些 语义 进行 了 特别 的 含 
义 规 定 。 例 如 ， 在 顶点 着 色 器 的 输入 结构 体 a2v 用 TEXCOORD 0 来 描述 
texcoord，Unity 会 识别 TEXCOORD 0 语义 ， 以 把 模型 的 第 一 组 纹理 坐标 
填充 到 texcoord 中 。 需 要 注意 的 是 ， 即 便 语义 的 名 称 一 样 ， 如 果 出 现 的 
位 置 不 同 ， 含 义 也 不 同 。 例 如 ，TEXCOORD 0 既 可 以 用 于 描述 顶点 着 色 
器 的 输入 结构 体 a2v， 也 可 用 于 描述 输出 结构 体 v2v。 但 在 输入 结构 体 
a2f 中 ，TEXCOORD 0 有 特别 的 含义 ， 即 把 模型 的 第 一 组 纹理 坐标 存储 
在 该 变量 中 ， 而 在 输出 结构 体 v2f 中 ，TEXCOORD 0 修饰 的 变量 含义 就 
可 以 由 我 们 来 决定 。 


在 DirectX 10 以 后 ， 有 了 一 种 新 的 语义 类 型 ， 就 是 系统 数值 语义 
(system-value semantics) 。 这 类 语义 是 以 SV 开 头 的 ，SV 代 表 的 含义 








就 是 系统 数值 〈system-value) 。 这 些 语义 在 泻 染 流水 线 中 有 特殊 的 含 
义 。 例 如 在 上 面 的 代码 中 ， 我 们 使 用 SV_POSITION 语义 去 修饰 顶点 着 
色 器 的 输出 变量 pos， 那 么 就 表示 pos 包 含 了 可 用 于 光栅 化 的 变换 后 的 顶 
点 坐标 〈 即 齐 次 裁剪 空间 中 的 坐标 ) 。 用 这 些 语义 描述 的 变量 是 不 可 以 
随便 赋值 的 ， 因 为 流水 线 需 要 使 用 它们 来 完成 特定 的 目的 ， 例 如 泻 染 引 
擎 会 把 用 Sw_POSITION 修饰 的 变量 经 过 光栅 化 后 显示 在 屏幕 上 。 读 者 
有 时 可 能 会 看 到 同一 个 变量 在 不 同 的 Shader 里 面 使 用 了 不 同 的 语义 修 
人 饰 。 例 如 ， 一 些 Shader 会 使 用 POSITION 而 非 Sw_POSITION 来 修饰 顶点 
着 色 器 的 输出 。SV_POSITION 是 DirectX 10 中 引入 的 系统 数值 语义 ， 在 
绝 大 多 数 平台 上 ， 它 和 POSITION 语义 是 等 价 的 ， 但 在 某 些 平台 (例如 
索尼 PS4) 上 必须 使 用 SV_POSITION 来 修饰 顶点 着 色 器 的 输出 ， 否 则 无 
法 让 Shader 正 常 工 作 。 同 样 的 例子 还 有 COLOR 和 SV_Target 。 因 此 ， 为 
了 让 我 们 的 Shader 有 更 好 的 跨 平 台 性 ， 对 于 这 些 有 特殊 含义 的 变量 我 们 
最 好 使 用 以 SV 开 头 的 语义 进行 修饰 。 我 们 在 5.6 节 中 会 总 结 更 多 这 种 因 
为 平台 差异 而 造成 的 问题 。 


5.4.2 Unity 支 持 的 语义 
表 5.5 总 结 了 从 应 用 阶段 传递 模型 数据 给 顶点 着 色 器 时 Unity 使 用 的 
和 常用 语义 。 这 些 语义 虽然 没有 使 用 SV 开 涉 ， 但 Unity 内 部 赋予 了 它们 特 
殊 的 含义 。 
表 5.5 ”从 应 用 阶段 传递 模型 数据 给 顶点 着 色 器 时 Unity 支 持 的 常用 语义 














POSITION 模型 空间 中 的 顶点 位 置 ， 通 常 是 float4 类 型 


NORMAL 顶点 法 线 ， 通 常 是 float3 类 型 











TANGENT 顶点 切线 ， 通 常 是 float4 类 型 


TEXCOORDn ， 如 
TEXCOORD0、 
TEXCOORD1 




















该 顶点 的 纹理 坐标 ，TEXCOORD0 表 示 第 一 组 纹理 
标 ， 依 此 类 推 。 通 常 是 float2 或 float4 类 型 











COLOR 顶点 颜色 ， 通 常 是 fixed4 或 float4 类 型 





其 中 TEXCOORDn 中 的 数目 是 和 Shader Model 有 关 的 ， 例 如 一 般 
在 Shader Model 2( 即 Unity 默 认 编 译 到 的 Shader Model 版 本 ) 和 Shader 
Model 3 中 ，n 等 于 8， 而 在 Shader Model 4 和 Shader Model 5 中 ，n 等 于 
16。 通 常情 况 下 ， 一 个 模型 的 纹理 坐标 组 数 一 般 不 超过 2， 即 我 们 往往 
只 使 用 TEXCOORD0 和 TEXCOORD1。 在 Unity 内 置 的 数据 结构 体 
appdata_full 中 ， 它 最 多 使 用 了 6 个 坐标 纹理 组 。 


表 5.6 总 结 了 从 顶点 着 色 器 阶段 到 片 元 着 色 器 阶段 Unity 支 持 的 常用 
语义 。 








表 5.6 ”从 顶点 着 色 器 传递 数据 给 片 元 着 色 器 时 Unity 使 用 的 常用 语义 



































量 。 等 同 于 DirectX 9 中 的 POSITION， 但 最 好 使 用 SV_POSITION 


通常 用 于 输出 第 一 组 顶点 颜色 ， 但 不 是 必需 的 


SV pOSITION | 裁 鸭 空间 中 的 顶点 坐标 ， 结 构 体 中 必须 包含 一 个 用 该 语义 修饰 的 变 


COLOR1 ”| 通常 用 于 输出 第 二 组 顶点 颜色 ， 但 不 是 必需 的 


TEXCOORDO0O 
: 通常 用 于 输出 纹理 坐标 ， 但 不 是 必需 的 
TEXCOORDY 

















上 面 的 语义 中 ， 除 了 SV_POSITION 是 有 特别 含义 外 ， 其 他 语义 对 
变量 的 含义 没有 明确 要 求 ， 也 就 是 说 ， 我 们 可 以 存储 任意 值 到 这 些 语义 
描述 变量 中 。 通 常 ， 如 果 我 们 需要 把 一 些 自 定 义 的 数据 从 顶点 着 色 器 传 
递 给 片 元 着 色 器 ， 一 般 选 用 TEXCOORD 0 等 。 

表 5.7 给 出 了 Unity 中 支持 的 片 元 着 色 器 的 输出 语义 。 


表 5.7 片 元 着 色 器 输出 时 Unity 支 持 的 常用 语义 

















输出 值 将 会 存储 到 演 染 目标 (render target) 中。 等 同 于 DirectX 9 中 的 
COLOR 语 义 ， 但 最 好 使 用 SV_Target 











5.4.3 ”如 何 定义 复杂 的 变量 类 型 


上 面 提 到 的 语义 绝 大 部 分 用 于 描述 标量 或 矢量 类 型 的 变量 ， 例 如 
fixzed2、float、float4、fixed4 等 。 下 面 的 代码 给 出 了 一 个 使 用 语义 来 修 
饰 不 同类 型 变量 的 例子 : 








struct v2f { 
float4 pos : SV_POSITION; 
fixed3 color86 : COLOR®; 
fixed4 color1 : COLOR1; 
half value6 : TEXCOORD6 ; 


float2 value1 : TEXCOORD1; 





关于 何 时 使 用 哪 种 变量 类 型 ， 我 们 会 在 5.7.1 节 给 出 一 些 建议 。 但 需 
要 注意 的 是 ， 一 个 语义 可 以 使 用 的 寄存 器 只 能 处 理 4 个 浮 点 值 
(float) 。 因 此 ， 如 果 我 们 想 要 定义 矩阵 类 型 ， 如 float3x4、float4x4 等 
变量 就 需要 使 用 更 多 的 空间 。 一 种 方法 是 ， 把 这 些 变 量 拆 分 成 多 个 变 
量 ， 例 如 对 于 float4x4 的 矩阵 类 型 ， 我 们 可 以 拆 分 成 4 个 float4 类 型 的 变 
量 ， 每 个 变量 存储 了 和 矩阵 中 的 一 行 数据 。 








5.5 程序 员 的 烦恼 : Debug 
有 这 样 一 个 笑话 ， 据 说 只 有 程序 员 才能 看 懂 ; 
> 问 : 程序 员 最 讨厌 康 巾 的 哪个 儿子 ? 
> 答 : 遍 视 。 因 为 他 是 八 阿 哥 (谐音 : bug) 。 


调试 (debug) ， 大 概 是 所 有 程序 员 的 串 梦 。 而 不 地 的 是 ， 对 一 个 
Shader 进 行 调试 更 是 吕 梦 中 的 于 梦 。 这 也 是 造成 Shader 难 写 的 原因 之 一 
如 果 发 现 得 到 的 效果 不 对 ， 我 们 可 能 要 花 非 常 多 的 时 间 来 找到 问题 
所 在 。 造 成 这 种 现状 的 原因 就 是 在 Shader 中 可 以 选择 的 调试 方法 非常 有 
限 ， 甚 至 连 简 单 的 输出 都 不 行 。 


本 节 和 旨 在 给 出 Unity 中 对 Unity Shader 的 调试 方法 ， 这 主要 包含 了 两 
种 方法 。 


5.5.1 使 用 假 彩色 图 像 


假 彩色 图 像 (false-color image) 指 的 是 用 假 彩 色 技术 生成 的 一 种 
图 像 。 与 假 彩 色 图 像 对 应 的 是 照片 这 种 真 彩色 图 像 〈true-color 
image) 。 一 张 假 彩色 图 像 可 以 用 于 可 视 化 一 些 数据 ， 那 么 如 何 用 它 来 
对 Shader 进 行 调试 呢 ? 


主要 思想 是 ， 我 们 可 以 把 需要 调试 的 变量 映射 到 [0, 1] 之 间 ， 把 它们 
作为 颜色 输出 到 屏幕 上 ， 然 后 通过 屏幕 上 显示 的 像素 颜色 来 判断 这 个 值 
是 否 正确 。 读 者 心里 可 能 已 经 在 哆 时:“ 什 么 ?”! 这 方法 也 太原 始 了 
吧 ! ” 没 错 ， 这 种 方法 得 到 的 调试 信息 很 模糊 ， 能 够 得 到 的 信息 很 有 
限 ， 但 在 很 长 一 段 时 间 内 ， 这 种 方法 的 确 是 唯一 的 可 选 方法 。 


需要 注意 的 是 ， 由 于 颜色 的 分 量 范围 在 [0, 1]， 因 此 我 们 需要 小 心 处 
理 需 要 调试 的 变量 的 范围 。 如 采 我 们 已 知 它 的 值 域 范 围 ， 可 以 先 把 它 映 
射 到 [0, 1] 之 间 再 进行 输出 。 如 果 你 不 知道 一 个 变量 的 范围 (这 往往 说 明 
你 对 这 个 Shader 中 的 运算 并 不 了 解 ) ， 我 们 就 只 能 不 俘 地 实验 。 一 个 提 
示 古 ， 颜 色 分 量 中 任何 大 于 1 的 数值 将 会 被 设置 为 1， 而 任何 小 于 0 的 数 
值 会 被 设置 为 0。 因 此 ， 我 们 可 以 党 试 使 用 不 同 的 映射 ， 直 到 发 现 颜色 





























发 生 了 变化 〈 这 意味 独得 到 了 0 一 1 的 值 ) 。 


如 果 我 们 要 调试 的 数据 是 一 个 一 维 数据 ， 那 么 可 以 选择 一 个 单独 的 
颜色 分 量 〈 如 R 分 量 ) 进行 输出 ， 而 把 其 他 颜色 分 量 置 为 0。 如 果 是 多 维 
0 以 选择 对 它 的 每 一 个 分 量 单独 调试 ， 或 者 选择 多 个 颜色 分 量 进 
行 输出 。 


作为 实例 ， 下 面 我 们 会 使 用 假 彩 色 图 像 的 方式 来 可 视 化 一 些 模型 数 
据 ， 如 法 线 、 切 线 、 纹 理 坐 标 、 顶 点 颜色 ， 以 及 它们 之 间 的 运算 结 
等 。 我 们 使 用 的 代码 如 下 : 





Shader "Unity Shaders Book/Chapter 5/False Color" { 
Subshader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#include "UnityCG.cginc" 


struct v2f { 
float4 pos : SV_POSITION; 
fixed4 color : COLORQ; 

}; 


v2f vert(appdata full v) { 
v2f o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


// 可 视 化 法 线 方向 
o.color = fixed4(v.normal * 06.5 + fixed3(6.5，6.5，6.5)，1L 


.0); 

// 可 视 化 切线 方向 

o.color = fixed4(v.tangent.xyz * 0.5 + fixed3(060.5, 6.5, 9. 
5), 1.08); 

// 可 视 化 副 切 线 方向 

fixed3 binormal = cross(v.normal, v.tangent.xyz) * v.tange 
nt .w; 

o.color = fixed4(binormal * 0.5 + fixed3(60.5, 60.5, 0.5), 1 
.0); 





// 可 视 化 第 一 组 纹理 坐标 


o.color = fixed4(v.texcoord.xy，686.96，1.6); 





// 可 视 化 第 二 组 纹理 坐标 
o.color = fixed4(v.texcoord1.xy，6.6，1.6); 





// 可 视 化 第 一 组 纹理 坐标 的 小 数 部 分 

o.color = frac(v.texcoord); 

if (any(saturate(v.texcoord) - v.texcoord)) { 
oOo.color.b = 0.5; 


} 


oO.color.a = 1.0; 





// 可 视 化 第 二 组 纹理 坐标 的 小 数 部 分 

o.color = frac(v.texcoord1); 

if (any(saturate(v.texcoord1) - v.texcoord1)) { 
oOo.color.b = 0.5; 

} 


oO.color.a = 1.0; 








// 可 视 化 顶点 颜色 


//o.color = v.color; 


return o; 


} 


fixed4 frag(v2f i) : SV_ Target { 
return i.color; 


ENDCG 





在 上 面 的 代码 中 ， 我 们 使 用 了 Unity 内 置 的 一 个 结构 体 
appdata_full 。 我 们 在 5.3 节 讲 过 该 结构 体 的 构成 。 我 们 可 以 在 
UnityCG.cginc 里 找到 它 的 定义 : 








struct appdata full { 
float4 vertex : POSITION; 
float4 tangent : TANGENT ; 
float3 normal : NORMAL 
float4 texcoord : TEXCOORD®; 
float4 texcoord1 : TEXCOORD1; 


float4 texcoord2 : TEXCOORD2; 
float4 texcoord3 : TEXCOORD3; 
#if defined(SHADER API XBOX3608) 
half4 texcoord4 : TEXCOORD4; 
half4 texcoord5 : TEXCOORD5 ; 
#endif 
fixed4 color : COLOR; 
}; 





可 以 看 出 ，appdata_full 几 乎 包含 了 所 有 的 模型 数据 。 


我 们 把 计算 得 到 的 假 彩色 存储 到 了 顶点 着 色 器 的 输出 结构 体 
v2f 中 的 color 变 量 里 ， 并 且 在 片 元 着 色 器 中 输出 了 这 个 颜色 。 读 者 可 以 
对 其 中 的 代码 添加 或 取消 注释 ， 观 察 不 同 运算 和 数据 得 到 的 效果 。 图 
5.4 给 出 了 这 些 代 码 得 到 的 显示 效果 。 读 者 可 以 先 目 己 想 一 想 代 码 和 这 
些 效果 之 间 的 对 应 关系 ， 然 后 再 在 Unity 中 进行 验证 。 


为 了 可 以 得 到 某 点 的 颜色 值 ， 我 们 可 以 使 用 类 似 颜色 拾取 器 的 脚本 
得 到 屏幕 上 某 点 的 RGBA 值 ， 从 而 推 朵 出 该 点 的 调试 信息 。 在 本 书 的 附 
带 工 程 中 ， 读 者 可 以 找到 这 样 一 个 简单 的 实例 脚本 : Assets -> Scripts -> 
Chapter 5 -> ColorPicker.cs 。 把 该 脚本 拖 电 到 一 个 摄像 机 上 ， 单 击 运行 
后 ， 可 以 用 鼠标 单 击 屏 幕 ， 以 得 到 该 点 的 颜色 值 ， 如 图 5.5 所 示 。 

















和 图 5.4 用 假 彩 色 对 Unity Shader 进 行 调 试 








4 图 5.5 ”使 用 颜色 拾取 器 来 查看 调试 信息 


5.5.2 ”利用 神器 : Visual Studio 


本 节 是 Windows 用 户 的 福音 ，Mac 用 户 的 璐 耗 。Visual Studio 作 为 
Windows 系 统 下 的 开发 利器 ， 在 Visual Studio 2012 版 本 中 也 提供 了 对 
Unity Shader 的 调试 功能 一 一 Graphics Debugger 。 


通过 Graphics Debugger， 我 们 不 仅 可 以 查看 每 个 像素 的 最 终 颜 色 、 
位 置 等 信息 ， 还 可 以 对 顶点 着 色 占 和 片 元 着 色 器 进行 单 步调 试 。 具 体 的 
安装 和 使 用 方法 可 以 参见 Unity 官 网 文档 中 使 用 Visual Studio 对 DirectX 
11 的 Shader 进行 调试 一 文 http://docs.unity3d.com/Manual/SL- 
Debugging D3D11ShadersWithVS.html ) 。 


当然 ， 本 方法 也 有 一 些 限制 。 例 如 ， 我 们 需要 保证 Unity 运 行 在 
DirectX 11 平 台 上 ， 而 且 Graphics Debugger 本 身 存在 一 些 bug。 但 这 无 法 
阻止 我 们 对 它 的 喜爱 之 情 ! 而 Mac 用 户 可 能 就 只 能 无 妹 地 眼 锯 了 。 


5.5.3 ”最 新 利器 : 帧 调试 右 











尽管 Mac 用 户 无 法 体验 Visual Studio 的 强大 功能 ， 但 幸运 的 是 ， 
Unity 5 除了 带 来 全 新 的 UI 系统 外 ， 还 给 我 们 带 来 了 一 个 新 的 针对 泻 染 的 
调试 器 一 一 帧 调试 器 (Frame Debugger) 。 与 其 他 调试 工具 的 复杂 性 
相 比 ，Unity 原 生 的 帧 调试 器 非常 简单 快捷 。 我 们 可 以 使 用 它 来 看 到 游 
戏 图 像 的 某 一 帧 是 如 何 一 步 步 泻 染 出 来 的 。 


要 使 用 帧 调试 器 ， 我 们 首先 需要 在 Window -> Frame Debugger 中 打 
开 帧 调试 器 窗口 ， 如 图 5.6 所 示 。 





WUpdateDepthTexture 
Clear (color+Z+stencil) 
h Knot 


厂 
Clear (color+Z+stencil) 
h Knot 





4 图 5.6 ” 帧 调试 器 


帧 调试 器 可 以 用 于 查看 泻 染 该 帧 时 进行 的 各 种 泻 染 事件 (event) 
， 这 些 事件 包含 了 Draw Call 序 列 ， 也 包括 了 类 似 清空 帧 缓存 等 操作 。 帧 
调试 器 窗口 大 致 可 分 为 3 个 部 分 : 最 上 面 的 区 域 可 以 开局 /关闭 〈 单 击 
Enable 按 钮 ) 帧 调试 功能 ， 当 开局 了 帧 调试 时 ， 通 过 移动 窗口 最 上 方 的 
滑动 条 《或 单 击 前 进 和 后 退 按钮 ) ， 我 们 可 以 重 放 这 些 泻 染 事件 ; 左 侧 
的 区 域 显 示 了 所 有 事件 的 树 状 图 ， 在 这 个 树 状 图 中 ， 每 个 叶子 节点 就 是 
一 个 事件 ， 而 每 个 父 节 点 的 右 侧 显 示 了 该 节点 下 的 事件 数目 。 我 们 可 以 
从 事件 的 名 字 了 解 这 个 事件 的 操作 ， 例 如 以 Draw 开 头 的 事件 通常 就 是 
一 个 Draw Call; ， 当 单 击 了 某 个 事件 时 ， 在 右 侧 的 窗口 中 束 会 显示 出 该 事 
件 的 细 市 ， 例 如 几何 图 形 的 细节 以 及 使 用 了 哪个 Shader 等 。 同 时 在 Game 
视图 中 我 们 也 可 以 看 到 它 的 效果 。 如 果 访 事件 是 一 个 Draw Call 并 且 对 应 
了 场景 中 的 一 个 GameObject， 那 么 这 个 GameObject 也 会 在 Hierarchy 视 图 
ee 
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Draw Mesh Knot 
VvRenderForwardOpaque.CollectSl 2 
VShadows.CollectShadows 2 
Clear (color) 
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Draw Mesh Knot 
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4 图 5.7 单 击 Knot 的 深度 图 渲染 事件 ， 在 Game 视 图 会 显示 该 事件 的 效果 ， 在 Hierarchy 视 图 中 
会 高 亮 显示 Knot 对 象 ， 在 帧 调试 器 的 右 侧 窗口 会 显示 出 该 事件 的 细节 





如 果 被 选中 的 Draw Cal 是 对 一 个 泻 染 纹理 〈RenderTexture) 的 演 染 
操作 ， 那 么 这 个 演 染 纹理 就 会 显示 在 Game 视 图 中 。 而 且 ， 此 时 右 侧面 
板 上 方 的 工具 栏 中 也 会 出 现 更 多 的 选项 ， 例 如 在 Game 视 图 中 单独 显示 
R、G、B 和 A 通 道 。 


Unity 5 提供 的 帧 调试 器 实际 上 并 没有 实现 一 个 真正 的 帧 拾取 
(frame capture) 的 功能 ， 而 是 仅仅 使 用 停止 演 染 的 方法 来 查看 泻 染 事 
件 的 结果 。 例 如 ， 如 果 我 们 想 要 查看 第 4 个 Draw Call 的 结果 ， 那 么 帧 调 
试 絮 就 会 在 第 4 个 Draw Call 调 用 完毕 后 停止 泻 染 。 这 种 方法 虽然 简单 ， 
但 得 到 的 信息 也 很 有 限 。 如 果 读 者 想 要 获取 更 多 的 信息 ， 还 是 需要 使 用 
外 部 工具 ， 例 如 5.5.2 节 中 的 Visual Studio 插 件 ， 或 者 Intel GPA、 
RenderDoc、NVIDIA NSight、AMD GPU PerfStudio 等 工具 。 











5.6 小 心 : 泻 染 平台 有 的 差异 


Unity 的 优点 之 一 是 其 强大 的 跨 平台 性 一 一 写 一 份 代码 可 以 运行 在 
很 多 平台 上 。 绝 大 多 数 情况 下 ，Unity 为 我 们 隐藏 了 这 些 细节 ， 但 有 些 
人 
成 的 差 腊 。 


5.6.1 演 染 纹理 的 坐标 差异 


在 2.3.4 节 和 4.2.2 节 中 ， 我 们 都 提 到 过 OpenGL 和 DirectX 的 屏幕 空间 
坐标 的 差异 。 在 水 平方 向 上 ， 两 者 的 数值 变化 方向 是 相同 的 ， 但 在 竖 直 
方向 上 ， 两 者 是 相反 的 。 在 OpenGL (OpenGL ES 也 是 ) 中 ，(0, 0) 点 对 
应 了 屏幕 的 左下 角 ， 而 在 DirectX (Metal 也 是 中 ，(0, 0) 点 对 应 了 左上 
角 。 图 5.8 可 以 帮助 读者 回忆 它们 之 间 的 这 种 不 同 。 
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A 图 5.8 OpenGL 和 DirectX 使 用 了 不 同 的 屏幕 空间 坐标 


需要 注意 的 是 ， 我 们 不 仅 可 以 把 演 染 结果 输出 到 屏幕 上 ， 还 可 以 输 
出 到 不 同 的 演 染 目标 〈Render Target) 中 。 这 时 ， 我 们 需要 使 用 泻 染 纹 
理 〈(Render Texture) 来 保存 这 些 泻 染 结果 。 我 们 将 在 第 12 章 中 学 习 如 
何 实现 这 样 的 目的 。 


大 多 数 情况 下 ， 这 样 的 差异 并 不 会 对 我 们 造成 任何 影响 。 但 当 我 们 
要 使 用 泻 染 到 纹理 技术 ， 把 屏幕 图 像 泻 染 到 一 张 泻 染 纹 理 中 时 ， 如 果 不 








采取 任何 措施 的 话 ， 就 会 出 现 纹理 翻转 的 情况 。 羊 运 的 是 ，Unity 在 青 
后 为 我 们 处 理 了 这 种 翻转 问题 一 一 当 在 DirectX 平 台 上 使 用 泻 染 到 纹理 
、 Unity 会 为 我 们 翻转 屏幕 图 像 纹 理 ， 以 便 在 不 同 平台 上 达到 一 
致 性 。 


在 一 种 特殊 情况 下 Unity 不 会 为 我 们 进行 这 个 翻转 操作 ， 这 种 情况 
就 是 我 们 开启 了 抗 锯齿 (在 Edit -> Project Settings -> Quality -> Anti 
Aliasing 中 开启 〉》 并 在 此 时 使 用 了 演 染 到 纹理 技术 。 在 这 种 情况 下 ， 
Unity 首 先 泻 染 得 到 屏幕 图 像 ， 再 由 人 硬件 进行 抗 锯 齿 处 理 后 ， 得 到 一 张 
泻 染 纹理 来 供 我 们 进行 后 续 处 理 。 此 时 ， 在 DirectX 平 台 下 ， 我 们 得 到 
的 输入 屏幕 图 像 并 不 会 被 Unity 翻 转 ， 也 就 是 说 ， 此 时 对 屏幕 图 像 的 采 
样 坐 标 是 需要 符合 DirectX 平 台 规 定 的 。 如 有 果 我 们 的 屏幕 特效 只 需要 处 
理 一 张 泻 染 图 像 ， 我 们 仍然 不 需要 在 意 纹 理 的 翻转 问题 ， 这 是 因为 在 我 
们 调用 Graphics.Blit 函 数 时 ，Unity 已 经 为 我 们 对 屏幕 图 像 的 采样 华 标 进 
行 了 处 理 ， 我 们 只 需要 按 正 党 的 采样 过 程 处 理 屏 幕 图 像 即 可 。 但 如 果 我 
们 需要 同时 处 理 多 张 泻 染 图 像 〈 前 提 是 开启 了 抗 锯齿 ) ， 例 如 需要 同时 
处 理 屏 幕 图 像 和 法 线 纹理 ， 这 些 图 像 在 竖 直 方 癌 的 绷 癌 就 可 能 是 不 同 的 
《只 有 在 DirectX 这 样 的 平台 上 才 有 这 样 的 问题 )》。 这 种 时 候 ， 我 们 束 
需要 上 自己 在 顶点 着 色 器 中 翻转 某 些 泻 染 纹理 (例如 深度 纹理 或 其 他 由 脚 
0 的 纵 坐 标 ， 使 之 都 符合 DirectX 平 台 的 规则 。 例 
中 : 














#if UNITY_UV_STARTS_AT_TOP 
if (_MainTex_ TexelSize.y &; 0) 


UV.y = 1-uVv.y; 
#endif 





其 中 ，UNITY_UV_STARTS_AT TOP 用 于 判断 当前 平台 是 否 是 
DirectX 类 型 的 平台 ， 而 当 在 这 样 的 平台 下 开局 了 抗 锯齿 后 ， 主 纹理 的 
纹 素 大 小 在 紧 直 方向 上 会 变 成 负 值 ， 以 方便 我 们 对 主 纹理 进行 正确 的 采 
样 。 因 此 ， 我 们 可 以 通过 判断 _MainTex_TexelSize.y 是 售 小 于 0 来 检验 是 
侍 开 启 了 抗 锯 上 从 。 如 果 是 ， 我 们 就 需要 对 除 主 纹理 外 的 其 他 纹理 的 采样 
坐标 进行 竖 直 方向 上 的 翻转 。 我 们 会 在 第 13 章 中 再 次 看 到 上 面 的 代码 。 


在 本 书 资源 的 项 目 中 ， 我 们 开局 了 抗 锯 上 下 选项 。 在 第 12 曹 中， 我们 
将 学 习 一 些 基 本 的 屏幕 后 处 理 效果 。 这 些 效果 大 多 使 用 了 单 张 屏幕 图 像 


























进行 处 理 ， 因 此 我 们 不 需要 考虑 平台 差异 化 的 问题 ， 因 为 Unity 已 经 在 
育 后 为 我 们 处 理 过 了 。 但 在 12.5 节 中 ， 我 们 需要 在 一 个 Pass 中 同时 处 理 
屏 右 图 像 和 提取 得 到 的 腕 部 图 像 来 实现 Bloom 效 果 。 由 于 需要 同时 处 理 
多 张 纹理 ， 因 此 在 DirectX 这 样 的 平台 下 如 果 开 局 了 抗 锯齿 ， 主 纹理 和 
腕 部 纹理 在 竖 直 方向 上 的 朝 癌 束 是 不 同 的 ， 我 们 就 需要 对 腕 部 纹理 的 条 
样 坐标 进行 翻转 。 在 第 13 章 中 ， 我 们 需要 同时 处 理 屏 幕 图 像 和 深度 /法 
线 纹理 来 实现 一 些 特殊 的 屏幕 效果 ， 在 这 些 处 理 过 程 中 ， 我 们 也 需要 进 
行 一 些 平台 差异 化 处 理 。 在 15.3 市 中 ， 尺 管 我 们 也 在 一 个 Pass 中 同时 处 
理 了 屏幕 图 像 、 深 度 纹理 和 一 张 噪声 纹理 ， 但 我 们 只 对 深度 纹理 的 采样 
坐标 进行 了 平台 差异 化 处 理 ， 而 没有 对 噪声 纹理 进行 处 理 。 这 是 因为 ， 
类 似 噪声 纹理 的 装饰 性 纹理 ， 它 们 在 竖 直 方向 上 的 朝 同 并 不 是 很 重要 ， 
0 
差异 化 处 理 。 














5.6.2 Shader 的 语法 差异 





读者 在 Windows 平 台 下 编译 某 些 在 Mac 平 台 下 工作 恨 好 的 Shader 
时 ， 可 能 会 看 到 类 似 下 面 的 报错 信息 : 





incorrect number of arguments to numeric-type constructor (compiling for d 
3d11) 


或 者 


output parameter 'o' not completely initialized (compiling for d3d11) 


上 面 的 报错 都 是 因为 DirectX 9/11 对 Shader 的 语义 更 加 严格 造成 的 。 








例如 ， 造 成 第 一 个 报错 信息 的 原因 是 ，Shader 中 可 能 存在 下 面 这 样 的 代 
码 : 


// v 是 float4 类 型 ， 但 在 它 的 构造 器 中 我 们 仅 提 供 了 一 个 参数 
float4 v = float4(6.0); 








在 OpenGL 平 台 上 ， 上 面 的 代码 是 合法 的 ， 它 将 得 到 一 个 4 个 分 量 都 
是 0.0 的 float4 类 型 的 变量 。 但 在 DirectX 11 平 台 上 ， 我 们 必须 提供 和 变量 
类 型 相 [ 匹 配 的 参数 数目 。 也 就 是 说 ， 我 们 应 该 写成 : 


float4 v = float4(6.06, 6.0, 60.06,， 0.06); 


而 对 于 第 二 个 报错 信息 ， 往 往 是 出 现在 表面 着 色 器 中 。 表 面 着 色 器 
的 顶点 函数 〈 注 意 ， 不 是 顶点 着 色 器 ) 有 一 个 使 用 了 out 修 饰 符 的 参 
数 。 如 果 出 现 这 样 的 报错 信息 ， 可 能 是 因为 我 们 在 顶点 函数 中 没有 对 这 
个 参数 的 所 有 成 员 变量 都 进行 初始 化 ， 我 们 应 该 使 用 类 似 下 面 的 代码 来 
对 这 些 参数 进行 初始 化 : 








void vert (inout appdata full v, out Input o) { 
// 使 用 Unity 内 置 的 UNITY_INITIALIZE_OUTPUT 宏 对 输出 结构 体 o 进 行 初始 化 
UNITY_INITIALIZE OUTPUT(Input,o0); 








// .… 








除了 上 述 两 点 语法 不 同 外 ，DirectX 9/ 11 也 不 支持 在 顶点 着 色 器 中 
使 用 tex2D 函 数 。tex2D 是 一 个 对 纹理 进行 采样 的 函数 ， 我 们 在 后 面 的 章 
节 中 将 会 具体 讲 到 。 之 所 以 DirectX 9 /11 不 支持 顶点 阶段 中 的 tex2D 运 
算 ， 年 国 为 在 顶 太 者 色 噩 阶段 Shader 无 渤 得 到 UV 俩 号 ， 而 tex2D 函 数 需 
要 这 样 的 偏 导 信息 (这 和 纹理 及 样 时 使 用 的 数学 运算 有 关 ) 。 如 果 我 们 
需要 在 顶 点 着 色 器 中 访问 纹理 ， 需要 使 用 tex2Dlod 函 数 来 蔡 代 ， 
中 


tex2Dlod(tex, float4(uv, 6, 08)). 


而 且 我 们 还 需要 添加 #pragma target 3.0， 因 为 tex2Dlod 是 Shader 
Model 3.0 中 的 特性 。 








5.6.3 Shader 的 语义 差异 


我 们 在 5.4 节 讲 到 了 Shader 中 的 语义 是 什么 ， 其 中 我 们 讲 到 了 一 些 语 
义 在 某 些 平台 下 是 等 价 的 ， 例 如 SV_POSITION 和 POSITION 。 但 在 另 一 
些 平 台 上 ， 这 些 语义 是 不 等 价 的 。 为 了 让 Shader 能 够 在 所 有 平台 上 正常 
工作 ， 我 们 应 该 尽 可 能 使 用 下 面 的 语义 来 描述 Shader 的 输入 输出 变量 。 


。 使 用 SV_POSITION 来 描述 顶点 着 色 器 输出 的 顶点 位 置 。 一 些 Shader 
使 用 了 POSITION 语义 ， 但 这 些 Shader 无 法 在 索尼 PS4 平 台 上 或 使 用 
了 细 分 着 色 器 的 情况 下 正常 工作 。 

。 使 用 SV_Target 来 描述 片 元 着 色 右 的 输出 颜色 。 一 些 Shader 使 用 了 
COLOR 或 者 COLOR0 语义 ， 同 样 的 ， 这 些 Shader 无 法 在 索尼 PS4 上 
正常 工作 。 


5.6.4 其 他 平台 差异 


本 书 只 给 出 了 一 些 最 常见 的 平台 差异 造成 的 问题 ， 还 有 一 些 差 异 不 
再 列举 。 如 果 读 者 发 现 一 些 Shader 在 平台 A 下 工作 民 好 ， 而 在 平台 B 下 出 
现 了 问题 ， 可 以 去 Unity 官 方 文档 (http://docs. unity3d.com/Manual/SL- 
PlatformDifferences.html 〉 中 寻找 更 多 的 资料 。 





5.7 “Shader 整洁 之 道 


在 本 章 的 最 后 ， 我 们 给 出 一 些 关 于 如 何 规范 Shader 代 码 的 建议 。 当 
然 ， 这 些 建议 并 不 是 绝对 正确 的 ， 读 者 可 以 根据 实际 情况 做 出 权衡 。 写 
出 规范 的 代码 不 仅 是 让 代码 变 得 漂亮 易 懂 而 已 ， 更 重要 的 是 ， 养 成 这 些 
习惯 有 助 于 我 们 写 出 高 效 的 代码 。 








5.7.1 float、half 还 是 fixed 


在 本 书 中 ， 我 们 使 用 Cg/HLSL 来 编写 Unity Shader 中 的 代码 。 而 在 
Cg/HLSL 中 ， 有 3 种 精度 的 数值 类 型 float，half 和 fixed。 这 些 精度 将 决 
0 
性 。 








表 5.8 ”Cg/HLSL 中 3 种 精度 的 数值 类 型 

















上 面 的 精度 范围 并 不 是 绝对 正确 的 ， 尤 其 是 在 不 同 平台 和 GPU 上 ， 
它们 实际 的 精度 可 能 和 上 面 给 出 的 范围 不 一 至。 通常 来 讲 。 


。 大 多 数 现 代 的 桌面 GPU 会 把 所 有 计算 都 按 最 高 的 浮 点 精度 进行 计 
算 ， 也 就 是 说 ，float、half、fixed 在 这 些 平 台 上 实际 是 等 价 的 。 这 
意味 着 ， 我 们 在 PC 上 很 难看 出 因为 half 和 fixed 精 度 而 带 来 的 不 同 。 

。 但 在 移动 平台 的 GPU 上 ， 它 们 的 确 会 有 不 同 的 精度 范围 ， 而 且 不 同 
精度 的 浮 点 值 的 运算 速度 也 会 有 所 差异 。 因 此 ， 我 们 应 该 确保 在 真 
正 的 移动 平台 上 验证 我 们 的 Shader。 











。 fixed 精 度 实际 上 只 在 一 些 较 旧 的 移动 平台 上 有 用 ， 在 大 多 数 现代 的 
GPU 上 ， 它 们 内 部 把 fixed 和 half 当 成 同等 精度 来 对 待 。 


尽管 有 上 面 的 不 同 ， 但 一 个 基本 建议 是 ， 尽 可 能 使 用 精度 较 低 的 类 
型 ， 因 为 这 可 以 优化 Shader 的 性 能 ， 这 一 点 在 移动 平台 上 尤其 重要 。 从 
它们 大 体 的 值 域 范围 来 看 ， 我 们 可 以 使 用 fixed 类 型 来 存储 颜色 和 单位 天 
量 ， 如 果 要 存储 更 大 范围 的 数据 可 以 选择 half 类 型 ， 最 差 情况 下 再 选择 
使 用 float。 如 果 我 们 的 目标 平台 是 移动 平台 ,一定 要 确保 在 真实 的 手机 
上 测试 我 们 的 Shader， 这 一 点 非 常 重要 。 关 于 移动 平台 的 优化 搁 术 ， 读 
者 可 以 在 第 16 章 中 找到 更 多 内 容 。 





5.7.2 ”规范 语法 

在 5.6.2 节 ， 我 们 提 到 DirectX 平 台 对 Shader 的 语义 有 更 加 严格 的 要 
求 。 这 意味 着 ， 如 果 我 们 要 发 布 到 DirectX 平 台 上 就 需要 使 用 更 严格 的 
语法 。 例 如 ， 使 用 和 变量 类 型 相 匹 配 的 参数 数目 来 对 变量 进行 初始 化 。 
5.7.3 ”避免 不 必要 的 计算 


如 果 我 们 曼 无 节制 地 在 Shader〈 尤 其 是 卢 元 着 色 器 ) 中 进行 了 大 量 
计算 ， 那 么 我 们 可 能 很 快 就 会 收 到 Unity 的 错误 提示 : 


temporary register limit of 8 exceeded 


哉 














Arithmetic instruction limit of 64 exceeded; 65 arithmetic instructions ne 
eded to compile program 











出 现 这 些 错误 信息 大 多 是 因为 我 们 在 Shader 中 进行 了 过 多 的 运算 ， 
使 得 需要 的 临时 寄存 器 数目 或 指令 数目 超过 了 当前 可 文 持 的 数目 。 读 者 
需要 知道 ， 不 同 的 Shader Target、 不 同 的 着 色 器 阶段 ， 我 们 可 使 用 的 临 
时 寄存 器 和 指令 数目 都 是 不 同 的 。 





通常 ， 我 们 可 以 通过 指定 更 高 等 级 的 Shader Target 来 消除 这 些 错 
误 。 表 5.9 给 出 了 Unity 目 前 文 持 的 一 些 Shader Target。 


表 5.9 ”Unity 文 持 的 Shader Target 


默认 的 Shader Target 等 级 。 相 当 于 Direct3D 9 上 的 Shader Model 2.0， 不 文 
target 2.0 | 持 对 顶点 纹理 的 采样 ， 不 文 持 显 式 的 LOD 纹 理 采 样 等 




















相当 于 Direct3D 9 上 的 Shader Model 3.0， 支 持 对 顶点 纹理 的 采样 等 


相当 于 Direct3D 10 上 的 Shader Model 4.0， 支 持 几 何 着 色 器 等 





相当 于 Direct3D 11 上 的 Shader Model 5.0 





需要 注音 的 是 ， 由 于 Unity 版 本 的 不 同 ，Unity 文 持 的 Shader Target 种 
类 也 不 同 ， 读 者 可 以 在 官方 手册 上 找到 更 为 详细 的 介绍 。 


读者 : 什么 是 Shader Model 呢 ? 


我 们 : Shader Model 是 由 微软 提出 的 一 套 规范 ， 通 俗 地 理解 就 是 它 
们 决定 了 Shader 中 各 个 特性 (feature〉 的 能 力 (capability〉。 这 些 特性 
和 能 力 体 现在 Shader 能 使 用 的 运算 指令 数目 、 寄 存 器 个 数 等 各 个 方面 。 
Shader Model 等 级 越 高 ，Shader 的 能 力 就 越 大 。 具 体 的 细节 读者 可 以 参 
见 本 章 的 扩展 阅读 部 分 。 

虽然 更 高 等 级 的 Shader Target 可 以 让 我 们 使 用 更 多 的 临时 寄存 器 和 
运算 指令 ， 但 一 个 更 好 的 方法 是 尽 可 能 减少 Shader 中 的 运算 ， 或 者 通过 
预计 算 的 方式 来 提供 更 多 的 数据 。 


5.7.4 慎 用 分 文 和 循环 语句 





在 我 们 学 习 第 一 门 语言 的 读 上 ， 类 似 分 文 、 循 环 语句 这 样 的 流程 控 
制 语 句 是 最 基本 的 语法 之 一 。 但 在 编写 Shader 的 时 候 ， 我 们 要 对 它们 格 
处 小心 


在 最 开始 ，GPU 是 不 文 持 在 顶点 着 色 器 和 片 元 着 色 器 中 使 用 流程 控 
制 语句 的 。 随 着 GPU 的 发 展 ， 我 们 现在 已 经 可 以 使 用 让 else、for 和 while 
这 种 流程 控制 指令 了 。 人 但是， 它们 在 GPU 上 的 实现 和 在 CPU 上 有 很 大 的 
不 同 。 深 究 这 些 指令 的 底层 实现 不 在 本 书 的 讨论 范围 内 ， 读 者 可 以 在 本 
章 的 扩展 阅读 中 找到 更 多 的 内 容 。 大 体 来 说 ，GPU 使 用 了 不 同 于 CPU 的 
技术 来 实现 分 文 语句 ， 在 最 坏 的 情况 下 ， 我 们 花 在 一 个 分 文 语 句 的 时 间 
相当 于 运行 了 所 有 分 支 语 句 的 时 间 。 因 此 ， 我 们 不 鼓励 在 Shader 中 使 用 
流程 控制 语句 ， 因 为 它们 会 降低 GPU 的 并 行 处 理 操 作 (尽管 在 现代 的 
GPU 上 已 经 有 了 改进 ) 。 


如 果 我 们 在 Shader 中 使 用 了 大 量 的 流程 控制 语句 ， 那 么 这 个 Shader 
的 性 能 可 能 会 成 倍 下 降 。 一 个 解决 方法 是 ， 我 们 应 该 尽量 把 计算 问 流 水 
线 上 端 移 动 ， 例 如 把 放 在 片 元 着 色 器 中 的 计算 放 到 顶点 着 色 器 中 ， 或 者 
直接 在 CPU 中 进行 预计 算 ， 再 把 结果 传递 给 Shader。 当 然 ， 有 时 我 们 不 
可 避免 地 要 使 用 分 文 语句 来 进行 运算 ， 那 么 一 些 建 议 是 : 


分 文 判 断 语句 中 使 用 的 条 件 变量 

中 不 会 友 生 变化 ; 

每 个 分 文中 包含 的 操作 指令 数 尽 可 能 少 ; 
分 文 的 藤 套 层 数 尽 可 能 少 。 


5.7.5 不 要 除 以 0 

虽然 在 用 类 似 C# 等 高 级 语言 进行 编程 的 时 候 ， 我 们 会 谨 记 不 要 除 以 
0 这 个 基本 常识 (就 算 你 没 这 么 做 ,编辑 器 可 能 也 会 报错 ) ， 但 有 时 在 
编写 Shader 的 时 候 我 们 会 急 略 这 个 问题 。 


例如 ， 我 们 在 Shader 里 写 下 如 下 代码 : 























最 好 是 常数 ， 即 在 Shader 运 行 过 程 





fixed4 frag(v2f i) : SV_Target 


return fixed4(60.06/06.0,0.06/06.0, 0.0/06.06，1.0); 
} 








这 样 代码 的 结果 往往 是 不 可 预测 的 。 在 某 些 演 染 平台 上 ， 上 面 的 代 
码 不 会 造成 Shader 的 月 沉 ， 但 即便 不 会 崩 尝 得 到 的 结果 也 是 不 确定 的 ， 
有 些 会 得 到 白色 〈 由 无 限 大 截取 到 1.0) ， 有 些 会 得 到 黑色 ， 但 在 另 一 
些 平台 上， 我们 的 Shader 可 能 就 会 直接 崩溃 。 因 此 ， 即 便 在 开发 游戏 的 
0 但 在 目标 平台 上 可 能 就 会 
现 问 题 。 


一 个 解决 方法 是 ， 对 那些 除数 可 能 为 0 的 情况 ， 强 制 截取 到 非 0 范 
围 。 在 一 些 资料 中 ， 读 者 可 能 也 会 看 到 使 用 if 语 句 来 判断 除数 是 否 为 0 的 
例子 。 男 一 个 方法 是 ， 使 用 一 个 很 小 的 浮 点 值 ， 例 如 0.000001 来 保证 分 
母 大 于 0 (前 提 是 原始 数值 是 非 负 数 )〉。 


5.8 扩展 阅读 


读者 可 以 在 《GPU 精粹 2》 中 的 GPU 流程 控制 一 章 册 中 更 加 深入 地 
了 解 为 什么 流程 控制 语句 在 GPU 上 会 影响 性 能 。 在 5.7.3 节 我 们 提 到 了 
Shader 中 临时 寄存 器 数目 和 运算 指令 都 有 限制 ， 实 际 上 Shader Model 对 
顶点 着 色 器 和 片 元 着 色 器 中 使 用 的 指令 数 、 临 时 寄存 器 、 和 常量 寄存 姨 、 
输入 /输出 寄存 器 、 纹 理 等 数目 都 进行 了 规定 。 读 者 可 以 在 Wiki 的 相关 
资料 由 和 HLSL 的 手册 [3] 中 找到 更 多 的 内 容 。 


[1 ]Mark Harris, Ian Buck. "GPU Flow-Control Idioms." In GPU Gems 
2. 中 译本 : GPU 精粹 2: 高 性 能 图 形 必 片 和 通用 计算 编程 技巧 ， 法 和 尔 
译 ， 清 华 大 学 出 版 社 ，2007 年 。 


[2]High-Level Shading Language, 
Wiki (https://en.wikipedia.org/wiki/High-Level_Shading Language ) 。 


[3]Shader Models vs Shader Profiles，HLSL 手 册 
(https://msdn.microsoft.com/en- 
us/library/windows/desktop/bb509626(v=vs.85).aspx ) 。 


第 6 草 ”Unity 中 的 基础 光照 


泻 染 总 是 围绕 着 一 个 基础 问题 : 我们 如 何 决定 一 个 像素 的 闫 色 ? 从 
宏观 上 来 说 ， 演 染 包含 了 两 大 部 分 : 决定 一 个 像素 的 可 见 性 ， 决 定 这 个 
3 
光照 计算 。 


我 们 首先 会 在 6.1 市 介绍 在 真实 世界 中 ， 我 们 是 如 何 看 到 一 个 物体 
的 ， 以 此 来 帮助 读者 理解 光照 模型 背后 的 原理 。 随 后 在 6.2 市 中 ， 我 们 
将 解释 什么 是 标准 光照 模型 ， 以 及 如 何在 Unity Shader 中 实现 标准 光照 
模型 。6.3 节 介绍 如 何 计算 光照 模型 中 的 环境 光 和 目 发 光 部 分 。 在 6.4 节 
和 6.5 方 中， 我 们 将 学 习 两 种 最 基本 的 光照 模型 ， 并 比较 逐 顶 点 和 逐 像 
素 光 照 的 区 别 。 最 后 ， 在 6.6 市 中 介绍 如 何 使 用 Unity 的 内 置 函 数 来 帮助 
我 们 实现 这 些 光 照 模型 。 


需要 提醒 读者 注意 的 是 ， 本 章 着 重 讲 述 光 照 模 型 的 原理 ， 因 此 实 
现 的 Shader 往 往 并 不 能 直接 应 用 到 实际 项 目 中 (直接 使 用 会 缺少 阴影 、 
光照 衰减 等 效果 ) 。 我 们 会 在 9.5 节 给 出 包含 了 完整 光照 模型 的 可 真正 
使 用 的 Unity Shader。 











6.1 我 们 是 如 何 看 到 这 个 世界 的 


我 们 可 能 第 第 会 问 类 似 这 样 的 问题 : “这 个 物体 是 什么 颜色 的 ? ”如 
果 读 者 对 小 学 的 上 自然 课 还 有 印象 的 话 ， 可 能 还 会 记得 这 个 问题 是 没有 意 
义 的 : 当 我 们 在 描述 * 这 个 物体 是 红色 的 ”时 ， 实 际 上 是 因为 这 个 物体 会 
反射 更 多 的 红 光 波长 ， 而 吸收 了 其 他 波长 。 而 如 条 一 个 物体 在 我 们 看 来 
是 黑色 的 ， 实 际 上 是 因为 它 吸收 了 绝 大 部 分 的 波长 。 这 种 物理 现象 就 是 
本 市 需要 探讨 的 内 容 。 


通 第 来 讲 ， 我 们 要 模拟 真实 的 光照 环境 来 生成 一 张 图 像 ， 需 要 考虑 
3 种 物理 现象 。 


。 首先 ， 光 线 从 光源 (ight source) 中 被 发 射出 来 。 

。 然 后， 光线 和 场景 中 的 一 些 物体 相交 : 一 些 光线 被 物体 吸收 了 ， 而 
另 一 些 光 线 被 散射 到 其 他 方 回 。 

。 最 后 ， 摄 像 机 吸收 了 一 些 光 ， 产 生 了 一 张 图 像 。 


下 面 ， 我 们 将 对 每 个 部 分 进行 更 加 详细 的 解释 。 
6.1.1 光源 


光 不 是 从 石头 里 踊 出 来 的 ， 而 是 由 光源 发 射出 来 的 。 在 实时 泻 染 
中 ， 我 们 通常 把 光源 当成 一 个 没有 体积 的 点 ， 用 1 来 表示 它 的 方 辐 。 那 
么 ， 我 们 如 何 测量 一 个 光源 发 射出 了 多 少 光 呢 ? 也 就 是 说 ， 我 们 如 何 量 
化 光 呢 ? 在 光学 里 ， 我 们 使 用 辐 照 度 〈irradiance) 来 量化 光 。 对 于 平 
行 光 来 说 ， 它 的 辐 照 度 可 通过 计算 在 垂直 于 ! 的 单位 面积 上 单位 时 间 内 
穿 过 的 能 量 来 得 到 。 在 计算 光照 模型 时 ， 我 们 需要 知道 一 个 物体 表面 的 
辐 上 照度， 而 物体 表面 往往 是 和 1 不 垂直 的 ， 那 么 如 何 计 算 这 样 的 表面 的 
辐 照 度 呢 ? 我 们 可 以 使 用 光源 方向 1 和 表面 法 线 n 之 间 的 夹 角 的 余弦 值 
来 得 到 。 需 要 注意 的 是 ， 这 里 默认 方 问 矢量 的 模 都 为 1。 图 6.1 显 示 了 使 
用 余弦 值 来 计算 的 原因 。 

















dfcose 


























全 图 6.1 在 左 图 中 ， 光 是 垂直 照射 到 物体 表面 ， 因 此 光线 之 间 的 垂直 距离 保持 人 而 在 右 图 
中 ， 光 是 斜 着 照射 到 物体 表面 ， 在 物体 表面 光线 之 间 的 距离 是 d/cos， 因此 单位 面积 超收 到 的 
光线 数目 要 少 于 左 图 









































因为 辐 照 度 是 和 照射 到 物体 表面 时 光线 之 间 的 距离 dcos 成 反比 
的 ， 因 此 辐 照 度 就 和 cos 成 正比 。cos 可 以 使 用 光源 方 同 1 和 表面 法 线 n 
的 扩 积 来 得 到 。 这 束 是 使 用 点 积 来 计算 辐 照 度 的 由 来 。 


6.1.2 ”吸收 和 散射 


光线 由 光源 发 射出 来 后 ， 就 会 与 一 些 物体 相交 。 通 常 ， 相 交 的 结果 
有 两 个 : 散射 (scattering) 和 吸收 (absorption) 。 


散射 只 改变 光线 的 方向 ， 但 不 改变 光线 的 密度 和 颜色 。 而 吸收 只 改 
变 光 线 的 密度 和 颜色 ， 但 不 改变 光线 的 方向 。 光 线 在 物体 表面 经 过 散射 
后 ， 有 两 种 方向 : 一 种 将 会 散射 到 物体 内 部 ， 这 种 现象 被 称 为 折射 
Crefraction ) 或 透射 〈transmission ) ; 另 一 种 将 会 散射 到 外 部 ， 这 
种 现象 被 称 为 反射 (reflection) 。 对 于 不 透明 物体 ， 折 射 进 入 物体 内 
部 的 光线 还 会 继续 与 内 部 的 颗粒 进行 相交 ， 其 中 一 些 光 线 最 后 会 重新 发 
射出 物体 表面 ， 而 另 一 些 则 被 物体 吸收 。 那 些 从 物体 表面 重新 发 射出 的 
nn 向 分 布 和 颜色 。 图 6.2 给 出 了 这 样 的 一 
广 伤 

















4 图 6.2 ”散射 时 ， 光 线 会 发 生 折 射 和 反射 现象 。 ee 折射 的 光线 会 在 物体 内 部 继 
续 传播 ， 最 终 有 一 部 分 光线 会 重新 从 物体 表面 被 发 射出 去 


为 了 区 分 这 两 种 不 同 的 散射 方向 ， 我 们 在 光照 模型 中 使 用 了 不 同 的 
部 分 来 计算 它们 : 高 光 反 射 〈specular) 部 分 表示 物体 表面 是 如 何 反射 
光线 的 ， 而 漫 反 射 (diffuse〉 部 分 则 表示 有 多 少 光线 会 被 折射 、 吸 收 
和 散射 出 表面 。 根 据 入 射 光 线 的 数量 和 方向 ， 我 们 可 以 计算 出 射 光 线 的 
数量 和 方向 ， 我 们 通常 使 用 出 射 度 〈exitance) 来 描述 它 。 辐 照度 和 出 
0 


在 本 章 中 ， 我 们 假设 漫 反 射 部 分 是 没有 方 癌 性 的 ， 也 就 是 说 ， 光 线 
ee 分 布 的。 同时 ， 我 们 也 只 考虑 菏 一 个 特定 方向 上 的 
I 可 


6.1.3 着色 


着 色 (shading〉 指 的 是 ， 根 据 材质 属性 (如 漫 反射 属性 等 ) 、 光 
源 信 息 《〈 如 光源 方向 、 辐 照度 等 ) ， 使 用 一 个 等 式 去 计算 沿 茶 个 观察 方 
癌 的 出 射 度 的 过 程 。 我 们 也 把 这 个 等 式 称 为 光照 模型 〈Lighting 
Model) 。 不 同 的 光照 模型 有 不 同 的 目的 。 例 如 ， 一 些 用 于 描述 粗糙 的 
物体 表面 ， 一 些 用 于 描述 金属 表面 等 。 























6.1.4 BRDE 光 照 模型 


我 们 已 经 了 解 了 光线 在 和 物体 表面 相交 时 会 发 生 哪 些 现象 。 当 已 知 
光源 位 置 和 方向 、 视 角 方 向 时 ， 我 们 融 需 要 知道 一 个 表面 是 如 何 和 光照 
进行 交互 的 。 例 如 ， 当 光线 从 某 个 方 回 照射 到 一 个 表面 时 ， 有 多 少 光 线 
被 反射 ? 反射 的 方向 有 哪些 ? 而 BRDF (Bidirectional Reflectance 
Distribution Function ) 束 是 用 来 回答 这 些 问 题 的 。 当 给 定 模 型 表面 上 
的 一 个 点 时 ，BRDF 包 含 了 对 该 点 外 观 的 完整 的 描述 。 在 图 形 学 中 ， 
BRDF 大 多 使 用 一 个 数学 公式 来 表示 ， 并 且 提 供 了 一 些 参数 来 调整 材质 
属性 。 通 俗 来 讲 ， 当 给 定 入 射 光线 的 方 回 和 辐 上 照度 后 ，BRDF 可 以 给 出 
在 某 个 出 射 方 同 上 的 光照 能 量 分 布 。 本 章 涉 及 的 BRDEF 都 是 对 真实 场景 
进行 理想 化 和 简化 后 的 模型 ， 也 就 是 说 ， 它 们 并 不 能 真实 地 反映 物体 和 
光线 之 间 的 交互 ， 这 些 光 照 模 型 被 称 为 是 经 验 模型 。 尽 管 如 此 ， 这 些 经 
验 模型 仍然 在 实时 泻 染 领域 被 应 用 了 多 年 。 读 者 可 以 从 邓 恩 的 著作 
《3D 数 学 基础 : 图 形 与 游戏 开发 》 《英文 名 : 《3D Math Primer For 
Graphics And Game Development》) 中 提 到 的 一 名 名言 来 体会 这 其 中 的 
原因 。 


下 计算 机 图 形 学 的 第 一 定律 : 如果 它 看 起 来 是 对 的 ， 那 么 它 就 是 对 


























然而 ， 有 时 我 们 希望 可 以 更 加 真实 地 模拟 光 和 物体 的 交互 ， 这 束 出 
现 了 基于 物理 的 BRDF 模 型 ， 我 们 会 在 第 18 章 基于 物理 的 演 染 中 看 到 这 
些 更 加 复杂 的 光照 模型 。 


6.2 ”标准 光照 模型 


虽然 光照 模型 有 很 多 种 类 ， 但 在 后 期 的 游戏 引擎 中 往往 只 使 用 一 个 
光照 模型 ， 这 个 模型 被 称 为 标准 光照 模型 。 实 际 上 ， 在 BRDF 理 论 被 所 
出 之 前 ， 标 准 光 照 模型 就 已 经 被 广泛 使 用 了 。 


在 1975 年 ， 著 名 学 者 裴 祥 风 (Bui Tuong Phong) 提出 了 标准 光照 模 
型 背后 的 基本 理念 。 标 准 光 照 模型 只 关心 直接 光照 (direct light) ， 也 
就 是 那些 直接 从 光源 发 射出 来 照射 到 物体 表面 后 ， 经 过 物体 表面 的 一 次 
反射 直接 进入 摄像 机 的 光线 。 


它 的 基本 方法 是 ， 把 进入 到 摄像 机 内 的 光线 分 为 4 个 部 分 ， 每 个 部 
分 使 用 一 种 方法 来 计算 它 的 贡献 度 。 这 4 个 部 分 是 。 


。 目 及 光 (emissive) 部 分 ， 本 书 使 用 c onwissve 来 表示 。 这 个 部 分 用 
于 摘 述 当 给 定 一 个 方向 时 ， 一 个 表面 本 刁 会 癌 该 方向 发 射 多 少 辐射 
量 。 需 要 注意 的 是 ， 如 果 没 有 使 用 全 局 光照 (global illumination ) 
技术 ， 这 些 自发 光 的 表面 并 不 会 真 的 照 腕 周围 的 物体 ， 而 是 它 本 号 
看 起 来 更 亮 了 而 已 。 

局 光 反 射 〈specular) 部 分 ， 本 书 使 用 c wecur 来 表示 。 这 个 部 分 
用 于 描述 当 光 线 从 光源 照射 到 模型 表面 时 ， 该 表面 会 在 完全 镜面 反 
射 方向 散射 多 少 重 射 量 。 

漫 反 射 ( diffuse) 部 分 ， 本 书 使 用 C diffuse 来 表示 。 这 个 部 分 用 于 韦 
0 该 表面 会 向 每 个 方向 散射 多 
少 辐射 量 。 

环境 光 〈ambient) 部 分 ， 本 书 使 用 c jjipient 来 表示 。 它 用 于 描述 
其 他 所 有 的 间接 光照 。 


6.2.1 环境 光 


虽然 标准 光照 模型 的 重点 在 于 描述 直接 光照 ， 但 在 真实 的 世界 中 ， 
物体 也 可 以 被 间接 光照 (indirect light) 所 照 亮 。 间 接 光 照 指 的 是 ， 光 
线 通 冲 会 在 多 个 物体 之 间 反 射 ， 最 后 进入 摄像 机 ， 也 就 是 说 ， 在 光线 进 
入 摄像 机 之 前 ， 经 过 了 不 正 一 次 的 物体 反射 。 例 如 ， 在 红 地 毯 上 放置 一 
个 浅 灰色 的 沙发 ， 那 么 沙发 展 部 也 会 有 红色 ， 这 些 红 色 是 由 红 地 毯 反射 























了 一 部 分 光线 ， 再 反弹 到 沙发 上 的 。 

在 标准 光照 模型 中 ， 我 们 使 用 了 一 种 被 称 为 环境 光 的 部 分 来 近似 模 
拟 间接 光照 。 环 境 光 的 计算 非常 简单 ， 它 通 冲 是 一 个 全 局 变量 ， 即 场景 
中 的 万 有 物体 孝 使 用 这 个 环境 光 。 下 面 的 等 式 给 出 了 计算 环境 光 的 部 
pa 








Cambient 一 fambient 


6.2.2 ”自发 光 


光线 也 可 以 直接 由 光源 发 射 进入 摄像 机 ， 而 不 需要 经 过 任何 物体 的 
有 反映。 标准 光照 模型 使 用 自发 光 来 计算 这 个 部 分 的 页 献 度 。 它 的 计算 也 
很 简单 ， 就 是 直接 使 用 了 该 材质 的 自发 光 闫 色 : 


Cemissive 一 emissive 


通常 在 实时 泻 染 中 ， 目 发 光 的 表面 往往 并 不 会 照 壳 周围 的 表面 ， 也 
束 古 说 ， 这 个 物体 并 不 会 被 当成 一 个 光源 。Unity 5 引入 的 全 新 的 全 局 光 
I 
到 。 


6.2.3” 漫 反射 


漫 有 反射 光照 是 用 于 对 那些 被 物体 表面 随机 散射 到 各 个 方 回 的 辐射 度 
进行 建 模 的 。 在 漫 反 里 中 ， 视 角 的 位 置 是 不 重要 的 ， 因 为 反射 是 完全 随 
机 的 ， 因 此 可 以 认为 在 任何 反射 方向 上 的 分 布 都 是 一 样 的 。 但 是 ， 入 射 
光线 的 角度 很 重要 。 

漫 反 射 光 照 符 合 兰 们 特定 律 (Lambert*s law) : 反射 光线 的 强度 


与 表面 法 线 和 光源 方向 之 间 夹 角 的 余弦 值 成 正比 。 因 此 ， 漫 反射 部 分 的 
计算 如 下 : 


Cdiffuse = (Clight *° Maiffuse) Max(0,7.* 1) 








其 中 , 元 是 表面 法 线 ，! 是 指向 光源 的 单位 矢量 ， m uiuse 是 材质 的 
漫 反 射 颜色 ， c jign 是 光源 颜色 。 需 要 注意 的 是 ， 我 们 需要 防止 法 线 和 
光源 方 回 点 乘 的 结果 为 负 值 ， 为 此 ， 我 们 使 用 取 最 大 值 的 函数 来 将 其 截 
取 到 0， 这 可 以 防止 物体 被 从 后 面 来 的 光源 照 玩 。 


6.2.4 高光 反 射 


这 里 的 高 光 反 射 是 一 种 经 验 模型 ， 也 就 是 次 ， 它 并 不 完全 符合 真实 
世界 中 的 高 光 反 射 现象 。 它 可 用 于 计算 那些 治 痢 完全 镜面 反射 方 同 被 反 
射 的 光线 ， 这 可 以 让 物体 看 起 来 是 有 光泽 的 ， 例 如 金属 材质 。 


计算 高 光 反 射 需要 知道 的 信息 比较 多 ， 如 表面 法 线 、 视 角 方向 、 光 
源 方向 、 反 射 方 同 等。 在 本 节 中 ， 我 们 假设 这 些 和 天 量 都 是 单位 天 量 。 图 
6.3 给 出 了 这 些 方 网 天 量 。 

















A 图 6.3 ”使 用 Phong 模 型 计算 高 光 反 射 


在 这 四 个 矢量 中 ， 我 们 实际 上 只 需要 知道 其 中 3 个 矢量 即 可 ， 而 第 
四 个 矢量 一 一 反射 方 同 可 以 通过 其 他 信息 计算 得 到 : 


?=2%. Dh-I 





这 样 ， 我 们 就 可 以 利用 Phong 模 型 来 计算 高 光 反 射 的 部 分 : 
到 Se 
Cspecular = (Clight 。 1h specular ) max(0, yp: 7) gloss 


其 中 ， m jloss 是 材质 的 光泽 度 (gloss) ， 也 被 称 为 反光 度 
(shininess) 。 它 用 于 控制 高 光 区 域 的 “亮点 ?有 多 宽 ，m goss 越 大 ， 腕 
扩 束 越 小 。 m syecular 是 材质 的 高 光 反 冉 颜 色 ， 它 用 于 控制 该 材质 对 于 融 
光 反 射 的 强度 和 颜色 。 cjioni 则 是 光源 的 颜色 和 强度 。 同 样 ， 这 里 也 震 
要 防止 0 : 广 的 结果 为 负数 。 

和 上 述 的 Phong 模 型 相 比 ，Blinn 提 出 了 一 个 简单 的 修改 方法 来 得 到 
类 似 的 效果 。 它 的 基本 思想 是 ， 避 免 计 算 反 射 方 网 FF 。 为 此 ，Blinn 模 型 
ee ， 它 是 通过 对 0 和 7 .的 取 平 均 后 再 归 一 化 得 到 


~ P+1 
h =—— 
Vv 十 7 


然后 ， 使 用 让 和 h 之 间 的 夹 角 进行 计算 ， 而 非 ? 入 之 间 的 夹 角 ， 
如 图 6.4 所 示 。 




















A 图 6.4 Blinn 模 型 


总 结 一 下 ，Blinn 模 型 的 公式 如 下 : 


ro pa 人 入 m 
Cspecular 二 (Clight Wspecular ) max(0O, 17 . h) gloss 


在 硬件 实现 时 ， 如 果 摄 像 机 和 光源 距离 模型 足够 远 的 话 ，Blinn 模 
型 会 快 于 Phong 模 型 ， 这 是 因为 ， 此 时 可 以 认为 0 和 7 都 是 定 值 ， 因 此 人 
将 是 一 个 常量 。 但 是 ， 当 人 或 者 7 不 是 定 值 时 ，Phong 模 型 可 能 反而 更 
快 一 些 。 需 要 注意 的 是 ， 这 两 种 光照 模型 都 是 经 验 模型 ， 也 就 是 说 ， 我 
们 不 应 该 认为 Blinn 模 型 是 对 “正确 的 *Phong 模 型 的 近似 。 实 际 上 ， 在 一 
些 情况 下 ，Blinn 模 型 更 符合 实验 结果 。 


6.2.5 ”了 逐 像素 还 是 逐 顶 点 


上 面 ， 我 们 给 出 了 基本 光照 模型 使 用 的 数学 公式 ， 那 么 我 们 在 哪里 
计算 这 些 光照 模型 呢 ? 通 常 来 讲 ， 我 们 有 两 种 选择 在 片 元 着 色 絮 中 计 
算 ， 也 被 称 为 逐 像素 光照 (per-pixel lighting) ; 在 顶点 着 色 器 中 计 
算 ， 也 被 称 为 逐 顶 点 光照 (per-vertex lighting) 。 


在 逐 像素 光照 中 ， 我 们 会 以 每 个 像素 为 基础 ， 得 到 它 的 法 线 ( 可 以 
是 对 顶点 法 线 插值 得 到 的 ， 也 可 以 是 从 法 线 纹 理 中 采样 得 到 的 ) ， 然 后 
进行 光照 模型 的 计算 。 这 种 在 面 片 之 间 对 顶点 法 线 进行 插值 的 技术 被 称 
为 Phong 着 色 (Phong shading) ， 也 被 称 为 Phong 插 值 或 法 线 插 值 着 色 
技术 。 这 不 同 于 我 们 之 前 讲 到 的 Phong 光 照 模型 。 








与 之 相对 的 是 逐 顶 点 光照 ， 也 被 称 为 高 洛 德 着 色 (Gouraud 
shading) 。 在 逐 顶 点 光照 中 ， 我 们 在 每 个 项 点 上 计算 光照 ， 然 后 会 在 
泻 染 图 元 内 部 进行 线性 插值 ， 最 后 输出 成 像素 颜色 。 由 于 顶点 数目 往往 
远 小 于 像素 数目 ， 因 此 逐 顶 点 光照 的 计算 量 往往 要 小 于 逐 像 素 光 照 。 但 
是 ， 由 于 逐 顶 点 光照 依赖 于 线性 插值 来 得 到 像素 光照 ， 因 此 ， 当 光照 模 
型 中 有 非 线 性 的 计算 〈 例 如 计算 高 光 反 射 时 ) 时 ， 逐 顶点 光照 就 会 出 问 
题 。 在 后 面 的 章节 中 ， 我 们 将 会 看 到 这 种 情况 。 而 且 ， 由 于 逐 顶 点 光照 
会 在 泻 染 图 元 内 部 对 顶点 颜色 进行 插值 ， 这 会 导致 泻 染 图 元 内 部 的 颜色 
5 音 于 顶点 处 的 最 高 颜色 值 ， 这 在 某 些 情况 下 会 产生 明显 的 棱角 现 


6.2.6 ”总 结 


虽然 标准 光照 模型 仅仅 是 一 个 经 验 模 型 ， 也 就 是 说 ， 它 并 不 完全 符 
合 真 实 世 界 中 的 光照 现象 。 但 由 于 它 的 易 用 性 、 计 算 速 度 和 得 到 的 效果 
都 比较 好 ， 因 此 仍然 被 广泛 使 用 。 而 也 是 由 于 它 的 广泛 使 用 性 ， 这 种 标 
准 光 照 模型 有 很 多 不 同 的 叫 法 。 例 如 ， 一 些 资料 中 称 它 为 Phong 光照 模 
型 ， 因 为 裴 祥 风 〈Bui Tuong Phong) 首先 提出 了 使 用 漫 反 射 和 高 光 反 
射 的 和 来 对 反射 光照 进行 建 模 的 基本 思想 ， 并 且 提 出 了 基于 经 验 的 计算 
高 光 反 射 的 方法 《〈 用 于 计算 漫 反 射 光 照 的 兰 伯 特 模型 在 那 时 已 经 被 提出 
了 ) 。 而 后 ， 由 于 Blinn 的 方法 简化 了 计算 而 且 在 某 些 情况 下 计算 更 
快 ， 我 们 把 这 种 模型 称 为 Blinn-Phong 光照 模型 。 


但 这 种 模型 有 很 多 局 限 性 。 首 先 ， 有 很 多 重要 的 物理 现象 无 法 用 
Blinn-Phong 模 型 表现 出 来 ， 例 如 菲 涅 耳 反 射 〈EFresnel reflection) 。 其 
次 ，Blinn-Phong 模 型 是 各 项 同性 〈isotropic) 的 ， 也 就 是 说 ， 当 我 们 匡 
定 视角 和 光源 方向 旋转 这 个 表面 时 ， 上 反射 不 会 发 生 任何 改变 。 但 有 些 表 
面 是 具有 各 癌 异 性 “anisotropic) 反射 性 质 的 ， 例 如 拉丝 金属 、 毛 发 
等 。 在 第 18 章 中 ， 我 们 将 学 习 基 于 物理 的 光照 模型 ， 这 些 光 照 模型 更 加 
复杂 ， 同 时 也 可 以 更 加 真实 地 反映 光 和 物体 的 交互 。 














6.3 Unity 中 的 环境 光 和 上 自发 光 
在 标准 光照 模型 中 ， 环 境 光 和 自发 光 的 计算 是 最 简单 的 。 


在 Unity 中 ， 场 景 中 的 环境 光 可 以 在 Window -> Lighting ->Ambient 
Source/Ambient ColorAmbient Intensity 中 控制 ， 如 图 6.5 所 示 。 在 Shader 
中 ， 我 们 只 需要 通过 Unity 的 内 置 变量 UNITY_LIGHTM 
ODEL_AMBIENT 就 可 以 得 到 环境 光 的 颜色 和 强度 信息 。 
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4 图 6.5 在 Unity 的 Window -> Lighting 面板 中 ， 我 们 可 以 通过 Ambient Source/Ambient 
Color/Ambient Intensity 来 控制 场景 中 的 环境 光 的 颜色 和 强度 


而 大 多 数 物体 是 没有 目 发 光 特 性 的 ， 因 此 在 本 书 绝 大 部 分 的 Shader 
中 都 没有 计算 上 自发 光 部 分 。 如 果 要 计算 自发 光 也 非常 简单 ， 我 们 只 需要 
0 出 最 后 的 颜色 之 前 ， 把 材质 的 自发 光 颜 色 添 加 到 输出 颜 
即 可 。 











6.4 在 Unity Shader 中 实现 漫 反 射 光 照 模 型 


在 了 解 了 上 述 的 理论 后 ， 我 们 现在 来 看 一 下 如 何在 Unity 中 实现 这 
些 基 本 光照 模型 。 首 先 ， 我 们 来 实现 标准 光照 模型 中 的 漫 反 射 光 照 部 


分 。 


在 6.2.3 市 中 ， 我 们 给 出 了 基本 光照 模型 中 漫 反 财 部 分 的 计算 公式 : 


Cdiffuse = (Clight ° Maiffuse) Max(0,7.* 7) 


从 公式 可 以 看 出 ， 要 计算 漫 反 射 需要 知道 4 个 参数 : 入 射 光 线 的 颜 
色 和 强度 C light » 材质 的 漫 反 射 系 数 m diffuse ， 表面 法 线 记 以 及 光源 方 问 ; 


为 了 防止 点 积 结果 为 负 值 ， 我 们 需要 使 用 max 操 作 ， 而 Cg 提供 了 这 
样 的 函数 。 在 本 例 中 ， 使 用 Cg 的 为 一 个 函数 可 以 达到 同样 的 目的 ， 即 


saturate 函 数 。 
函数 : saturate(x ) 


参数 : x : 为 用 于 操作 的 标量 或 矢量 ， 可 以 是 float、float2、float3 
等 类 型 。 











描述 ;把 x 截取 在 [0, 1 范围 内 ， 如 果 x 是 一 个 天 量 ， 那 么 会 对 它 的 
每 一 个 分 量 进行 这 样 的 操作 。 


6.4.1 实践: 逐 顶 点 光照 


我 们 首先 来 看 如 何 实现 一 个 逐 顶 点 的 漫 反 射 光照 效果 。 在 学 习 完 本 
节 后 ， 我 们 会 得 到 类 似 图 6.6 中 的 效果 。 


€ Came < 





600x400 本 Maximize on Play Mute audio | Stats | Gizmos ~ 





A 图 6.6” 逐 顶点 的 漫 反 射 光照 效果 
为 此 ， 我 们 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_6 _ 4。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> Lighting -> Skybox 中 
去 掉 场景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
DiffuseVertexLevelMat。 








(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 
Chapter6-DiffuseVertexLevel。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 胶 吉 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 喜 


(5) 保存 场景 。 


下 面 ， 我 们 需要 编写 自己 的 Shader 来 实现 一 个 逐 顶 点 的 漫 反 射 效 
果 。 打 开 第 3 步 中 创建 的 Unity Shader， 删 除 所 有 已 有 代码 ， 并 进行 如 下 





(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 6/Diffuse Vertex-Level" { 


(2) 为 了 得 到 并 且 控 制 材 质 的 漫 反 财 颜 色 ， 我 们 首先 在 Shader 的 
pe 语义 块 中 声明 了 一 个 Color 类 型 的 属性 ， 并 把 它 的 初始 值 设 为 
白色 : 


Properties { 
_Diffuse ("Diffuse", Color) = (1, 1, 1, 1) 


} 





(3) 然后 ， 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 。 
这 是 因为 顶点 / 片 元 着 色 器 的 代码 需要 写 在 Pass 语义 块 ， 而 非 SubShader 
语义 块 中 。 而 且 ， 我 们 在 Pass 的 第 一 行 指明 了 该 Pass 的 光照 模式 : 


SubShader { 
Pass { 


Tags { "LightMode"="ForwardBase" } 








LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 
光照 流水 线 中 的 角色 ， 在 第 9 章 中 我 们 会 更 加 详细 地 解释 它 。 在 这 里 ， 
我 们 只 需要 知道 ， 只 有 定义 了 正确 的 LightMode， 我 们 才能 得 到 一 些 
Unity 的 内 置 光 照 变量 ， 例 如 下 面 要 讲 到 的 _LightColor0。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 Cg 代码 片 ， 
以 定义 最 重要 的 顶点 着 色 器 和 片 元 着 色 嚣 代码。 首先， 我 们 使 用 
#pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什 么 
名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 





#pragma vertex Vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变 量 ， 如 后 面 要 讲 到 的 
_LightColor0， 还 需要 包含 进 Unity 的 内 置 文件 Lighting.cginc: 


#include "Lighting.cginc" 


(6) 为 了 在 Shader 中 使 用 Properties 语义 块 中 声明 的 属性 ， 我 们 需 
要 定义 一 个 和 该 属性 类 型 相 匹 配 的 变量 : 


fixed4 Diffuse; 


通过 这 样 的 方式 ， 我 们 避 ® 可 以 得 到 漫 反 里 公 式 中 需要 的 参数 之 一 
一 一 材质 的 漫 反 射 属性 。 由 于 颜色 属性 的 范围 在 0 到 1 之 间 ， 因 此 我 们 可 
以 使 用 fixed 精 度 的 变量 来 存储 它 。 


(7) 然后， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 〈 输 出 结 
构 体 同 时 也 是 片 元 着 色 器 的 输入 结构 体 〉: 











struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
}; 


struct v2f { 


float4 pos : SV_POSITION; 
fixed3 color : COLOR; 





为 了 访问 顶点 的 法 线 ， 我 们 需要 在 a2v 中 定义 一 个 normal 变 量 ， 并 
通过 使 用 NORMAL 语 义 来 告诉 Unity 要 把 模型 顶点 的 法 线 信息 存储 到 
normal 变 量 中 。 为 了 把 在 顶点 着 色 器 中 计算 得 到 的 光照 颜色 传递 给 片 元 





着 色 器 ， 我 们 需要 在 v2f 中 定义 一 个 color 变 量 ， 且 并 不 是 必须 使 用 
COLOR 语 义 ， 一 些 资料 中 会 使 用 TEXCOORD0 语 义 。 


(8) 接 下 来 是 关键 的 顶点 着 色 器 。 由 于 本 小 节 关 注 如 何 实现 一 个 
逐 顶 点 的 漫 反 射 光 照 ， 因 此 漫 反射 部 分 的 计算 都 将 在 顶点 着 色 器 中 进 
件 : 


v2f vert(a2v v) { 
v2f o; 
// Transform the vertex from object space to projection space 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


// Get ambient term 
fixed3 ambient = UNITY_ LIGHTMODEL AMBIENT .xyz; 


// Transform the normal fram object space to world space 
fixed3 worldNormal = normalize(mul(v.normal, (float3x3) World20bject)) 


// Get the light direction in world space 

fixed3 worldLight = normalize( WorldSpaceLightPosQ.xyz); 

// Compute diffuse term 

fixed3 diffuse = _LightColore.rgb * Diffuse.rgb * saturate(dot(worldN 
ormal, worldLight)); 


oOo.color = ambient + diffuse; 


return o; 











在 第 一 行 ， 我 们 首先 定义 了 返回 值 0。 我 们 已 经 重复 过 很 多 次 ， 顶 
点 着 色 器 最 基本 的 任务 就 是 把 顶点 位 置 从 模型 空间 转换 到 裁剪 空间 中 ， 
因此 我 们 需要 使 用 Unity 内 置 的 模型 * 世 界 * 投 影 惩 阵 
UNITY_MATRIX_MVP 来 完成 这 样 的 坐标 变换 。 接 下 来 ， 我 们 通过 
Unity 的 内 置 变量 UNITY_LIGHTMODEL_AMBIENT 得 到 了 环境 光 部 


全 


然后 ， 就 是 真正 计算 漫 反 射 光 照 的 部 分 。 回 忆 一 下 ， 为 了 计算 漫 反 
射 光 照 我 们 需要 知道 4 个 参数 。 在 前 面 的 步骤 中 ， 我 们 已 经 知道 了 材质 
的 漫 反 射 颜 色 _Diffuse 以 及 顶点 法 线 vnormal。 我 们 还 需要 知道 光源 的 颜 
色 和 强度 信息 以 及 光源 方向 。Unity 提 供给 我 们 一 个 内 置 变量 


_LightColor0 来 访问 该 Pass 处 理 的 光源 的 颜色 和 强度 信息 (注意 ， 想 要 
得 到 正确 的 值 需要 定义 合适 的 LightMode 标 签 ) ， 而 光源 方向 可 以 由 ~ 
_WorldSpaceLightPos0 来 得 到 。 需 要 注意 的 是 ， 这 里 对 光源 广 辣 的 计算 
并 不 具有 通用 性 。 在 本 节 中 ， 我 们 假设 场景 中 只 有 一 个 光源 且 该 光源 的 
类 型 是 平行 光 。 但 如 果 场 景 中 有 多 个 光源 并 且 类 型 可 能 是 点 光源 等 其 他 
类 型 ， 直 接 使 用 _WorldSpaceLightPos0 就 不 能 得 到 正确 的 结果 。 我 们 将 
在 6.6 节 中 学 习 如 何 使 用 内 置 函 数 来 处 理 更 复杂 的 光源 类 型 。 


在 计算 法 线 和 光源 方 回 之 间 的 点 积 时 ， 我 们 需要 选择 它们 所 在 的 华 
标 系 ， 只 有 两 者 处 于 同一 坐标 空间 下 ， 它 们 的 点 积 才 有 意义 。 在 这 里 ， 
我 们 选择 了 世界 坐标 空 x 间 。 而 由 a2v 得 到 的 顶点 法 线 是 位 于 模型 空间 下 
的 ， 因 此 我 们 首先 需要 把 法 线 转换 到 世界 空间 中 。 在 4.7 节 中 ， 我 们 已 
经 知道 可 以 使 用 顶点 变换 矩阵 的 逆转 置 和 矩阵 对 法 线 进行 相同 的 变换 ， 
此 我 们 首先 得 到 模型 空间 到 世界 空间 的 变换 矩阵 的 逆 和 矩阵 
_World2Object， 然 后 通过 调换 它 在 mul 函 数 中 的 位 置 ， 得 到 和 转 置 矩 阵 
相同 的 矩阵 乘法 。 由 于 法 线 是 一 个 三 维 矢量 ， 因 此 我 们 只 需要 截取 
_World2Object 的 前 三 行 前 三 列 即 可 。 


在 得 到 了 世界 空间 中 的 法 线 和 光源 方向 后 ， 我 们 需要 对 它们 进行 归 
一 化 操作 。 在 得 到 它们 点 积 的 结果 后 ， 我 们 需要 防止 这 个 结果 为 负 值 。 
为 此 ， 我 们 使 用 了 saturate 了 水 数 。saturate 疯 数 是 Cg 提供 的 一 种 函数 ， 它 
的 作用 是 可 以 把 参数 截取 到 [0, 1] 的 范围 内 。 最 后 ， 再 与 光源 的 颜色 和 强 
度 以 及 材质 的 漫 反 射 颜色 相 乘 即 可 得 到 最 终 的 漫 反 射 光照 部 分 。 


最 后 ， 我 们 对 环境 光 和 漫 反 射 光 部 分 相 加 ， 得 到 最 终 的 光照 结果 。 


(9) 由 于 所 有 的 计算 在 顶点 着 色 器 中 都 已 经 完成 了 ， 因 此 片 元 着 
色 器 的 代码 很 简单 ， 我 们 只 需要 直接 把 顶点 颜色 输出 即 可 : 






































fixed4 frag(v2f i) : SV_ Target { 
return fixed4(i.color, 1.0); 


} 





(10) 最 后 ， 我 们 需要 把 这 个 Unity Shader 的 回调 shader 设 置 为 内 置 
的 Diffuse: 


Fallback "Diffuse" 


| 


至 此 ， 我 们 已 经 详细 解释 了 逐 顶 点 的 漫 反 射 光 照 的 实现 。 对 于 细 分 
程度 较 高 的 模型 ， 逐 顶点 光照 已 经 可 以 得 到 比较 好 的 光照 效果 了 。 但 对 
于 一 些 细 分 程度 较 低 的 模型 ， 逐 顶 友 光照 就 会 出 现 一 些 视 觉 问 题 ， 例 如 
我 们 可 以 在 图 6.6 中 看 到 在 胶 宫 体 的 背光 面 与 铝 光 面 交界 处 有 一 些 锯 
齿 。 为 了 解决 这 些 问题 ， 我 们 可 以 使 用 逐 像素 的 漫 反映 光 照 。 


6.4.2” 实践 : 逐 像素 光照 


我 们 只 需要 对 Shader 进 行 一 些 更 改 就 可 以 实现 逐 像素 的 漫 反 射 效 
果 ， 如 图 6.7 所 示 。 
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A 图 6.7 逐 像素 的 漫 反射 光照 效果 
为 些 ， 我 们 进行 如 下 准备 工作 。 
(1) 使 用 6.4.1 节 中 使 用 的 场景 。 


(2) 新建 一 个 材质 。 在 本 书 资 源 中 ， 该 材质 名 为 
DiffusePixelLevelMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter6-DiffusePixelLevel。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 赛 体 。 


Chapter6-DiffusePixelLevel 的 代码 和 6.4.1 小 节 中 的 非常 相似 ， 因 此 
我 们 首先 把 6.4.1 节 中 的 代码 直接 粘贴 到 Chapter6-DiffusePixelLevel 中 ， 
并 进行 如 下 修改 。 


(1) 修改 顶点 着 色 器 的 输出 结构 体 v2f: 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD6 ; 


}; 





(2) 顶点 着 色 器 不 需要 计算 光照 模型 ， 只 需要 把 世界 空间 下 的 法 
线 传递 给 片 元 着 色 器 即 可 : 


v2f vert(a2v v) { 
v2f 0o; 
// Transform the vertex from object space to projection space 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


// Transform the normal fram object space to world space 


o.worldNormal = mul(v.normal, (float3x3) World20bject); 


return o; 








(3) 厂 元 着 色 右 需要 计算 漫 反 射 光照 模型 : 


fixed4 frag(v2f i) : SV_ Target { 
// Get ambient term 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT .xyz; 


// Get the normal in world space 

fixed3 worldNormal = normalize(i.worldNormal); 

// Get the light direction in world space 

fixed3 worldLightDir = normalize( WorldSpacelLightPos0.xyz); 


// Compute diffuse term 
fixed3 diffuse = _LightColore.rgb * Diffuse.rgb * saturate(dot(worldN 
ormal, worldLightDir)); 


fixed3 color = ambient + diffuse; 


return fixed4(color, 1.06); 


} 





上 面 的 计算 过 程 和 6.4.1 节 完全 相同 ， 这 里 不 再 痪 述 。 





逐 像 素 光 照 可 以 得 到 更 加 平滑 的 光照 效果 。 人 但是， 即便 使 用 了 逐 像 
素 漫 反射 光照 ， 有 一 个 问题 仍然 存在 。 在 光照 无 法 到 达 的 区 域 ， 模 型 的 
外 观 通常 是 全 黑 的 ， 没 有 任何 明暗 变化 ， 这 会 使 模型 的 背光 区 域 看 起 来 
就 像 一 个 平面 一 样 ， 失 去 了 模型 细节 表现 。 实 际 上 我 们 可 以 通过 添加 环 
境 光 来 得 到 非 全 黑 的 效果 ， 但 即便 这 样 仍然 无 法 解决 背光 面 明暗 一 样 的 
缺点 。 为 此 ， 有 一 种 改善 技术 被 提出 来 ， 这 吏 是 半 兰 们 特 (Half 
Lambert) 光照 模型 。 


6.4.3” 半 兰 伯 特 模型 


在 6.4.1 小 节 中 ， 我 们 使 用 的 漫 有 反射 光照 模型 也 被 称 为 兰 介 特 光 照 模 
型 ， 因 为 它 符合 兰 介 特定 律 一 一 在 平面 菜 点 漫 有 反射 光 的 光 强 与 该 反 冉 点 
的 法 向 量 和 入 射 光 角度 的 余弦 值 成 正比 。 为 了 改善 6.4.2 小 节 最 后 提出 的 
问题 ，Valve 公 司 在 开 友 游戏 《 半 条 命 》 时 提出 了 一 种 技术 ， 由 于 该 技 
术 是 在 原 兰 伯 特 光照 模型 的 基础 上 进行 了 一 个 简单 的 修改 ， 因 此 被 称 为 
半 兰 伯 特 光照 模型 。 


广义 的 半 兰 伯 特 光照 模型 的 公式 如 下 : 








Caiffuse = (Clight ° Maiffuse (a(R [) + Dp) 


可 以 看 出 ， 与 原 兰 伯 特 模型 相 比 ， 半 兰 伯 特 光照 模型 没有 使 用 max 
操作 来 防止 和 的 点 积 为 负 值 ， 而 是 对 其 结 采 进行 了 一 个 倍 的 缩放 再 加 上 
一 个 大 小 的 偏 移 。 绝 大 多 数 情 况 下 ， 和 的 值 均 为 0.5， 即 公式 为 : 


Cadiffuse = (Clight * Mdiffuse )(O0.5(R : 1) + 0.5) 

通过 这 样 的 方式 ， 我 们 可 以 把 六 :7 的 结果 范围 从 [-1, 1] 映 射 到 [0, 1] 
范围 内 。 也 就 是 说 ， 对 于 模型 的 背光 面 ， 在 原 兰 伯 特 光照 模型 中 点 积 结 
果 将 映射 到 同一 个 值 ， 即 0 值 处 ， 而 在 半 兰 伯 特 模型 中 ， 背 光 面 也 可 以 
有 明暗 变化 ， 不 同 的 点 积 结果 会 映射 到 不 同 的 值 上 。 


需要 注意 的 是 ， 半 兰 伯 特 是 没有 任何 物理 依据 的 ， 它 仅仅 是 一 个 视 
党 加 强 技术 。 


中 得 到 的 代码 做 一 些 修 改 束 可 以 实现 半 兰 们 特 漫 反 射 兴 


(1) 仍然 使 用 6.4.1 小 节 中 使 用 的 场景 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
HalfLambertMat。 








(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 
Chapter6-HalfLambert。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 宫 体 。 
打开 Chapter6-HalfLambert， 删 除 已 有 的 Shader 人 代码， 把 6.4.2 小 节 的 


Chapter6-DiffusePixelLevel 代 人 码 粘 贴 进去 ， 并 使 用 半 兰 伯 特 公式 修改 片 
元 着 色 器 中 计算 漫 反射 光照 的 部 分 : 








fixed4 frag(v2f i) : SV_ Target { 


// Compute diffuse term 
fixed halfLambert = dot(worldNormal, worldLightDir) * 68.5 + 0.5; 
fixed3 diffuse = _LightColor6.rgb * Diffuse.rgb * halfLambert; 


fixed3 color = ambient + diffuse; 


return fixed4(color, 1.0); 





在 上 面 的 代码 中 ， 我 们 使 用 半 兰 伯 特 模型 代 蔡 了 原 有 的 兰 伯 特 模 
型 。 图 6.8 给 出 了 逐 顶 点 漫 反射 光照 、 逐 像素 漫 反射 光照 和 半 兰 伯 特 光 





照 的 对 比 效果 。 
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全 图 6.8 逐 顶 点 漫 反 射 兴 照 、 逐 像素 漫 反 射 光 照 、 半 兰 伯 特 光照 的 对 比 效 果 





6.5 在 Unity Shader 中 实现 高 光 反 射 光 照 模型 

可 在 6.2.4 市 中 ， 我 们 给 出 了 基本 光照 模型 中 高 光 反 射 部 分 的 计算 公 

I\: 

Cspecular 一 (Clight : Wspecular ) max(0, Fa ) 人 
从 公式 可 以 看 出 ， 要 计算 高 光 反 射 需要 知道 4 个 参数 : 入 射 光 线 的 

颜色 和 强度 cjiom ， 材 质 的 高 光 反 射 系 数 mm secuar ， 视 角 方 同 © 以 及 反 

射 方向 六 。 其 中 ， 反 射 方向 六 可 以 由 表面 法 线 亢 和 光源 方向 ! 计算 而 


得 : 


7 = 2(n DAI 


述 公 式 很 简单 ， 更 幸运 的 是 ，Cg 提 供 了 计算 反映 方 向 的 函数 


ee 

函数 : reflect(i, n) 

参数 : ij， 入 射 方向 ，n， 法 线 方向 。 可 以 是 foat、float2、float3 等 
] 


描述 : 当 给 定 入 射 方向 i 和 和 法 线 方向 n 时 ，reflect 函 数 可 以 返回 反射 
方向 。 图 6.9 给 出 了 参数 和 返回 值 之 间 的 关系 。 


4 图 6.9 Cg 的 reflect 函 数 


6.5.1 实践， 逐 顶 点 光照 


我 们 首先 来 看 如 何 实现 一 个 逐 顶 点 的 高 光 反 射 光照 效果 。 在 学 习 完 
本 节 后 ， 我 们 会 得 到 类 似 图 6.10 中 的 效果 。 
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全 图 6.10 逐 顶 点 的 高 沧 反射 光照 效果 





我 们 需要 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene 6 5。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 
去 掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


SpecularVertexLevelMat。 








(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter6-SpecularVertexLevel。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 胶 吉 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 喜 
本 。 


(5) 保存 场景 。 
下 面 ， 我 们 需要 编写 自己 的 Shader 来 实现 一 个 逐 顶 点 的 高 光 反 射 效 
果 。 打 开 第 3 步 中 创建 的 Chapter6-SpecularVertexLevel， 删 除 所 有 已 有 代 
码 ， 并 进行 如 下 修改 。 


(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 6/Specular Vertex-Level" { 


(2) 为 了 在 材质 面板 中 能 够 方便 地 控制 高 光 反 射 属性 ， 我 们 在 
Shader 的 Properties 语义 块 中 声明 了 三 个 属性 : 





Properties { 
_Diffuse ("Diffuse", Color) = (1, 1, 1, 1) 
_Specular ("Specular", Color) = (1, 1, 1, 1) 


_Gloss ("Gloss", Range(8.06, 256)) = 26 
} 





其 中 ， 新 添加 的 _Specular 用 于 控制 材质 的 高 光 反 射 颜色 ， 而 _Gloss 


用 于 控制 高 光 区 域 的 大 小 。 


(3) 然后 ， 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 。 
这 是 因为 顶点 / 片 元 着 色 器 的 代码 需要 写 在 Pass 语义 块 ， 而 非 SubShader 
语义 块 中 。 而 且 ， 我 们 在 Pass 的 第 一 行 指明 了 该 Pass 的 光照 模式 : 


SubShader { 
Pass { 


Tags { "LightMode"="ForwardBase" } 








LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 
光照 流水 线 中 的 角色 ， 在 第 9 章 中 我 们 会 更 加 详细 地 解释 它 。 在 这 里 ， 
我 们 只 需要 知道 ， 只 有 定义 了 正确 的 LightMode， 我 们 才能 得 到 一 些 
Unity 的 内 置 光 照 变量 ， 例 如 _LightColor0。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 CG 代码 片 ， 
以 定义 最 重要 的 顶点 着 色 器 和 片 元 着 色 嚣 代码。 首先 ， 我 们 使 用 
#pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什 么 
名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 








CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 





(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包 
舍 进 Unity 的 内 置 文件 Lighting.cginc: 


#include "Lighting.cginc" 


(6) 为 了 在 Shader 中 使 用 Properties 语义 块 中 声明 的 属性 ， 我 们 需 
要 定义 和 这 些 属性 类 型 相 匹 配 的 变量 : 


fixed4 Diffuse; 





fixed4 Specular; 
float Gloss; 





由 于 颜色 属性 的 范围 在 0 到 1 之 间 ， 因 此 对 于 _Diffuse 和 _Specular 属 
性 我 们 可 以 使 用 fixed 精 度 的 变量 来 存储 它 。 而 _Gloss 的 范围 很 大 ， 因 此 
我 们 使 用 float 精 度 来 存储 。 


(7) 然后， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 〈 输 出 结 
构 体 同 时 也 是 片 元 着 色 器 的 输入 结构 体 〉: 








struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 


}; 


struct v2f { 
float4 pos : SV_POSITION; 
fixed3 color : COLOR; 


}; 





(8) 在 顶点 着 色 需 中 ， 我 们 计算 了 包含 高 光 反 射 的 光照 模型 : 





v2f vert(a2v v) { 
v2f 0o; 
// Transform the vertex from object space to projection space 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


// Get ambient term 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT .xyz; 


// Transform the normal fram object space to world space 
fixed3 worldNormal = normalize(mul(v.normal, (float3x3) World20bject)) 


// Get the light direction in world space 
fixed3 worldLightDir = normalize( WorldSpacelLightPosQ.xyz); 


// Compute diffuse term 
fixed3 diffuse = _LightColore.rgb * Diffuse.rgb * saturate(dot(worldN 
ormal, worldLightDir)); 


// Get the reflect direction in world space 

fixed3 reflectDir = normalize(reflect(-worldLightDir, worldNormal)); 

// Get the view direction in world space 

fixed3 viewDir = normalize( WorldSpaceCameraPos.xyz - mul(_Object2Worl 
d, Vv.vertex) .xyz); 


// Compute specular term 
fixed3 specular = LightColorO.rgb * Specular.rgb * pow(saturate(dot( 
reflectDir, viewDir)), _Gloss); 


oOo.color = ambient + diffuse + specular; 


return o; 





其 中 漫 反 射 部 分 的 计算 和 6.4 节 中 的 代码 完全 一 致 。 对 于 高 光 反 射 
部 分 ， 我 们 首先 计算 了 入 射 光 线 方向 关于 表面 法 线 的 反射 方 癌 
reflectDir。 由 于 Cg 的 reflect 函 数 的 入 射 方 癌 要 求 是 由 光源 指 同 交点 处 
的 ， 因 此 我 们 需要 对 worldLightDir 取 反 后 再 传 给 reflect 函 数 。 然 后 ， 我 
们 通过 WorldSpaceCameraPos 得 到 了 世界 空间 中 的 摄像 机 位 置 ， 再 把 顶 
点 位 置 从 模型 空间 变换 到 世界 空间 下 ， 再 通过 和 _WorldSpaceCameraPos 
相 减 即 可 得 到 世界 空间 下 的 视角 方 问 。 


由 此 ， 我 们 已 经 得 到 了 所 有 的 4 个 参数 ， 代 入 公式 即 可 得 到 高 光 反 
最 后 ， 再 和 环境 光 、 漫 反射 光 相 加 存储 到 最 后 的 颜色 


(9) 卢 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 直接 返回 顶点 凑 色 
即日]: 


fixed4 frag(v2f i) : SV_ Target { 
return fixed4(i.color, 1.0); 


} 





(10) 最 后 ， 我 们 需要 把 这 个 Unity Shader 的 回调 Shader 设 置 为 内 置 
的 Specular: 


Fallback "Specular" 


| 


使 用 逐 顶 点 的 方法 得 到 的 高 光 效 果 有 比较 大 的 问题 ， 我 们 可 以 在 图 
6.10 中 看 出 高 光 部 分 明显 不 平滑 。 这 主要 是 因为 ， 高 区 反 射 部 分 的 计算 
古 非 线 性 的 ， 而 在 顶点 着色 右 中 计算 光照 再 进行 插值 的 过 程 是 线性 的 ， 
破坏 了 原 计算 的 非 线性 关系 ， 就 会 出 现 较 大 的 视觉 问题 。 因 此 ， 我 们 束 
再 要 使 用 逐 像 素 的 方法 来 计算 高 光 反 射 。 
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4 图 6.11 逐 像素 的 高 光 反 射 光 照 效果 


6.5.2 ”实践 : 逐 像 素 光 有 照 
我 们 可 以 使 用 逐 像 素 光 照 来 得 到 更 加 平滑 的 高 光 效 果 ， 如 图 6.11 所 





不 





首先 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 使 用 和 6.5.1 小 节 同 样 的 场景 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


SpecularPixelLevelMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter6-SpecularPixelLevel。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 吉 体 。 
打开 Chapter6-SpecularPixelLevel， 删 除 已 有 的 Shader 代 码 ， 把 上 


oY 的 代码 粘 贴 进去 ， 并 对 顶点 着 色 器 和 片 元 着 色 右 进行 如 下 修 
Ls 





(1) 修改 顶点 着 色 器 的 输出 结构 体 v2f: 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD6 ; 


float3 worldPos : TEXCOORD1; 
}; 





(2) 顶点 着 色 器 只 需要 计算 世界 空间 下 的 法 线 方向 和 顶点 坐标 ， 
并 把 它们 传递 给 片 元 着 色 器 即 可 : 


v2f vert(a2v v) { 
v2f 0o; 
// Transform the vertex from object space to projection space 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


// Transform the normal fram object space to world space 
o.worldNormal = mul(v.normal, (float3x3) World20bject); 


// Transform the vertex from object space to world space 
o.worldPos = mul(_Object2World, Vv.vertex).xyz; 


return o; 








(3) 片 元 着 色 器 需要 计算 关键 的 光照 模型 : 


fixed4 frag(v2f i) : SV_Target { 
// Get ambient term 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT .xyz; 


fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize( WorldSpacelLightPosQ.xyz); 


// Compute diffuse term 
fixed3 diffuse = _LightColore.rgb * Diffuse.rgb * saturate(dot(worldN 
ormal, worldLightDir)); 


// Get the reflect direction in world space 

fixed3 reflectDir = normalize(reflect(-worldLightDir, worldNormal)); 

// Get the view direction in world space 

fixed3 viewDir = normalize( WorldSpaceCameraPos.xyz - i.worldPos .xyz); 

// Compute specular term 

fixed3 specular = _LightColor6.rgb * Specular.rgb * pow(saturate(dot( 
reflectDir, viewDir)), Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 








上 面 的 代码 和 6.5.1 市 中 的 基本 相同 ， 在 此 不 再 效 述 。 


可 以 看 出 ， 按 逐 像 素 的 方式 处 理光 照 可 以 得 到 更 加 平滑 的 高 光 效 
果 。 至 此 ， 我 们 就 实现 了 一 个 完整 的 Phong 光 照 模型 。 





6.5.3 ”Blinn-Phong 光 照 模型 


在 6.5.2 小 节 中 ， 我 们 给 出 了 Phong 光 照 模型 在 Unity 中 的 实现 ， 而 在 
6.2.4 节 中 ， 我 们 还 提 到 了 另 一 种 高 光 反 射 的 实现 方法 一 Blinn 光 照 模 
型 。 回 忆 一 下 ，Blinn 模 型 没有 使 用 反射 方向 ， 而 是 引入 一 个 新 的 矢量 7 
， 它 是 通过 对 视角 方 同 站 和 光照 方向 ! 相 加 后 再 归 一 化 得 到 的 。 即 

2 p+/ 
区 十 1 
而 Blinn 模 型 计算 高 光 反 射 的 公式 如 下 : 


Cspecular 一 (c light * I specular ) max(0, nn- Re 
Blinn-Phong 模 型 的 实现 和 6.5.2 节 中 的 代码 很 类 似 。 为 此 。 
(1) 仍然 使 用 和 6.5.2 节 同样 的 场景 。 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 BlinnPhongMtat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter6-BlinnPhong。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 宫 体 。 
打开 Chapter6-BlinnPhong， 删 除 已 有 的 Shader 代 码 ， 并 把 6.5.2 节 中 


的 Chapter6-Specular PixelLevel 代 码 直 接 粘贴 进去 。 我 们 只 需要 修改 片 元 
着 色 器 中 对 高 光 反 射 部 分 的 计算 代码 : 








fixed4 frag(v2f i) : SV_ Target { 


// Get the view direction in world space 

fixed3 viewDir = normalize( WorldSpaceCameraPos.xyz - i.worldPos .xyz); 

// Get the half direction in world space 

fixed3 halfDir = normalize(worldLightDir + viewDir); 

// Compute specular term 

fixed3 specular = LightColore.rgb * Specular.rgb * pow(max(86，dot(wo 
rldNormal, halfDir)), _Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 





图 6.12 给 出 了 逐 顶 点 的 高 光 反 射 光 照 、 逐 像素 的 高 光 反 射 光 照 
(Phong 模 型 和 Blinn-Phong 高 光 反 射 光照 的 对 比 结果 ，。 
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600x400 
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4 图 6.12 ” 逐 顶 点 的 高 光 反 射 光 照 、 逐 像素 的 高 区 反 射 光 照 〈Phong 光 照 模型 ) 和 Blinn-Phong 高 
光 反 财 光 照 的 对 比 结果 


可 以 看 出 ，Blinn-Phong 光 照 模 型 的 高 光 反 射 部 分 看 起 来 更 大 、 更 亮 
一 些 。 在 实际 泻 染 中 ， 绝 大 多 数 情 况 我 们 都 会 选择 Blinn-Phong 光 照 模 
型 。 需 要 再 次 提醒 的 是 ， 这 两 种 光照 模型 都 是 经 验 模 型 ， 也 就 是 说 ， 我 
们 不 应 该 认为 Blinn-Phong 模 型 是 对 “正确 的 "Phong 模 型 的 近似 。 实 际 
上 ， 在 一 些 情况 下 ( 详 见 第 18 章 :基于 物理 的 演 染 ) ，Blinn-Phong 模 型 
更 符合 实验 结果 。 


6.6 ”召唤 神龙 : 使 用 Unity 内 置 的 函数 


读者 可 以 发 现 ， 在 计算 光照 模型 的 时 候 ， 我 们 往往 需要 得 到 光源 方 
癌 、 视 角 方 向 这 两 个 基本 信息 。 在 上 面 的 例子 中 ， 我 们 都 是 自行 在 代码 
里 计算 的 ， 例如 使 用 normalize(_WorldSpace LightPos0.xyz) 来 得 到 光源 方 
同 ( 这 种 方法 实际 只 适用 于 平行 光 ) ， 使 用 normalize(_WorldSpace 
Camerapos.xyz -iworldPosition xyz) 玉 得 到 视角 方向 ， 但 如 末 需 要 处 理 
更 复杂 的 光照 类 型 ， 如 点 光源 和 聚光灯 ， 我 们 计算 光源 方 回 的 方法 就 是 

音 误 的 。 这 需要 我 们 在 代码 中 先 判断 光源 类 型 ， 再 计算 它 的 光源 信息 。 
有 具体 方法 会 在 9.2 节 中 讲 到 。 


手动 计算 这 些 光源 信息 的 过 程 相对 比较 麻烦 (但 并 不 意味 着 你 不 雷 
要 了 解 它们 的 原理 ) 。 笠 运 的 是 ，Unity 提 供 了 一 些 内 置 函 数 来 帮助 我 
们 计算 这 些 信息 。 在 5.3.1 节 中 ， 我 们 给 出 了 UnityCG.cginc 里 一 些 非常 有 
用 的 帮助 函数 。 这 里 ， 我 们 再 次 回顾 一 下 它们 。 表 6.1 给 出 了 计算 光照 
模型 时 ， 我 们 常 第 使 用 的 一 些 内 置 函 数 。 


表 6.1 UnityCG.cginc 中 一 些 常 用 的 帮助 函数 























Ts 输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 世界 空间 中 从 
Co PC IeWDY | 该 点 到 摄像 机 的 观察 方向 。 内 部 实现 使 用 了 
UnityWorldSpaceViewDir 函 数 








Lams 本 输入 一 个 世界 空间 中 的 顶点 位 置 ， 返 回 世界 空间 中 从 


UnityWorldSpaceViewDir 
(float4 v) 该 点 到 摄像 机 的 观察 方向 








float3 ObjSpaceViewDir 输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 模型 空间 中 从 
(float4 v) 该 点 到 摄像 机 的 观察 方向 





仅 可 用 于 前 向 演 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 
float3 WorldSpaceLightDir 置 ， 返 回 世 界 空 间 中 从 该 点 到 光源 的 光照 方向 。 内 部 
(float4 v) 实现 使 用 了 UnityWorldSpaceLightDir 函 数 。 没 有 被 归 
二 做 





float3 | 输入 一 个 世界 空间 中 的 顶点 位 
UnityWorldSpaceLightDir 置 ， 返 回 世 界 空间 中 从 该 点 到 光源 的 光照 方向 。 没 有 
(float4 v) 被 归 一 化 











ee 仅 可 用 于 前 向 演 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 
float3 ObjSpaceLightpi | 过” 返 身 模型 空 间 中 以 访 二 到 光 源 的 光 下 方向， 流窜 
ee 被 归 一 化 





float3 


UnityObjectToWorldNormal “| 把 法 线 方向 从 模型 空间 转换 到 世界 空间 中 
(float3 norm) 


(float3 dir) E 























UnityWorldToObjectDir(float3 把 方 问 矢 量 从 世界 空间 变换 到 模型 空间 中 








注意 ， 类 似 UnityXXX 的 几 个 函数 是 Unity 5 中 新 添加 的 内 置 函数 。 
ee 内 置 变量 打交道 ， 也 不 
需要 考虑 各 种 不 同 的 情况 《〈 例 如 使 用 了 哪 种 光源 ) ， 而 仅仅 调用 一 个 函 
数 就 可 以 得 到 需要 的 信息 。 上 面 的 9 个 帮助 函数 中 ， 有 5 个 我 们 已 经 掌握 
了 其 内 部 实现 ， 例 如 WorldSpaceViewDir 函 数 实现 如 下 : 





// Computes world space view direction, from object space position 
inline float3 UnityWorldSpaceViewDir( in float3 worldPos ) 
{ 


} 


return WorldSpaceCameraPos.xyz - worldPos; 





可 以 看 出 ， 这 与 之 前 计算 视角 方 同 的 方法 一 怪 。 需 要 注意 的 是 ， 
这 些 函 数 都 没有 保证 得 到 的 方 同 矢量 是 早 位 矢量 ， 因 此 ， 我 们 需要 在 使 
用 前 把 它们 归 一 化 。 








而 计算 光源 方 同 的 3 个 函数 : WorldSpaceLightDir、 
UnityWorldSpaceLightDir 和 ObjSpace 
LightDir， 稍微 复杂 一 这 是 因为， Unity 帮 我 们 处 理 了 不 同 种 类 光源 
的 情况 。 需要 注意 的 是 ， 这 3 个 函数 仅 可 用 于 前 同 泻 染 〈 关 于 什么 是 前 
回 泻 染 会 在 9.1 市 中 讲 到 )〉 。 这 是 因为 只 有 在 前 问 泻 染 时 ， 这 3 个 函数 里 
使 用 的 内 置 变量 _WorldspaceLightpos0 等 才 会 被 正确 赋值 。 关 于 哪些 内 
置 变量 只 会 在 前 同 泻 染 中 被 正确 赋值 ， 可 以 参见 9.1.1 节 。 


下 面 介 绍 使 用 内 置 函数 改写 Unity Shader。 


人 的 细节 ， 如 果 读 者 无 法 理解 所 有 内 容 的 
证 ， 只 需要 知道 ， 在 实际 编写 过 程 中 ， 我 们 往往 会 借助 于 Unity 的 内 置 
函数 来 帮助 我 们 进行 各 种 计算 ， 这 可 以 减轻 不 少 我 们 的 “ 痛 兰 ”。 


下 面 ， 我 们 将 使 用 这 些 内 置 函 数 来 改写 6.5.3 小 节 中 使 用 Blinn-Phong 
光照 模型 的 Unity Shader。 为 此 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 
Scene 6 6。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 0 在 Window -> Lighting -> Skybox 中 
去 掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
BlinnPhongUseBuildInFunctionMat。 

















(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter6-BlinnPhongUseBuildIn unction。 把 新 的 Shader 赋 给 第 2 步 中 创建 
的 材质 。 


(4) 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 创建 的 材质 赋 给 它 
Chapter6-BlinnPhon 本 中 的 代码 几乎 和 Chapter6- 
BlinnPhong 中 的 完全 一 样 ， 只 是 计算 时 使 用 了 Unity 的 内 置 函数 。 修 改 部 
分 的 代码 如 下 : 


(1) 在 顶点 着 色 嚣 中， 我 们 使 用 内 置 的 UnityObjectToWorldNormal 
函数 来 计算 世界 空间 下 的 法 线 方向: 


v2f vert(a2v v) { 
v2f o; 


// Use the build-in function to compute the normal in world space 
o.worldNormal = UnityObjectToWorldNormal(v.normal); 


return o; 





(2) 在 片 元 着 色 器 中 ， 我 们 使 用 内 置 的 UnityWorldSpaceLightDir 
函数 和 UnityWorldSpaceView 


Dir 函 数 来 分 别 计算 世界 空间 的 光照 方向 和 视角 方 同 : 


fixed4 frag(v2f i) : SV_ Target { 


fixed3 worldNormal = normalize(i.worldNormal); 

// Use the build-in function to compute the light direction in world 
space 

// Remember to normalize the result 

fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 


// Use the build-in function to compute the view direction in world sp 
ace 

// Remember to normalize the result 

fixed3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos)); 











需要 注意 的 是 ， 由 内 和 转 函 数 得 到 的 方向 是 没有 归 一 化 的 ， 因 此 我 们 
需要 使 用 normalize 函 数 来 对 结果 进行 归 一 化 ， 再 进行 光照 模型 的 计算 。 


第 7 章 ”基础 纹理 


纹理 最 初 的 目的 就 是 使 用 一 张 图 片 来 控制 模型 的 外 观 。 使 用 纹理 映 
射 〈texture mapping) 技术 ， 我 们 可 以 把 一 张 图 "条 ”在 模型 表面 ， 逐 
(texel) 【〔 纹 素 的 名 字 是 为 了 和 像素 进行 区 分 ) 地 控制 模型 的 两 





在 美术 人 员 建 模 的 时 候 ， 通 常会 在 建 模 软 件 中 利用 纹理 展开 技术 把 
纹理 映射 坐标 (texture-mapping coordinates) 存储 在 每 个 顶点 上 。 纹 
理 英 射 坐标 定义 了 该 顶点 在 纹理 中 对 应 的 2D 坐 标 。 通 常 ， 这 些 坐 标 使 
用 一 个 二 维 变量 (u, v) 来 表示 ， 其 中 u 是 横 癌 坐标 ， 而 Vv 是 纵 同 坐标 。 因 
此 ， 纹 理 上 映射 坐标 也 被 称 为 UV 坐标 。 


尽管 纹理 的 大 小 可 以 是 多 种 多 样 的 ， 例 如 可 以 是 256x256 或 者 
1024x1024， 但 顶点 UV 坐标 的 范围 通常 都 被 归 一 化 到 [0, 1 范围 内 。 需 要 
注意 的 是 ， 纹 理 采样 时 使 用 的 纹理 坐标 不 一 定 是 在 [0, 1] 范 围 内 。 实 际 
上 ， 这 种 不 在 [0, 1] 范 围 内 的 纹理 坐标 有 时 会 非常 有 用 。 与 之 关系 紧密 的 
是 纹理 的 平 铺 模 式 ， 它 将 决定 演 染 引擎 在 遇 到 不 在 [0, 1] 范 围 内 的 纹理 坐 
标 时 如 何 进行 纹理 采样 。 我 们 将 在 7.1.2 节 中 更 加 详细 地 进行 阐述 。 


在 本 书 之 前 的 章节 中 ， 我 们 曾 不 止 一 次 地 提 到 过 OpenGL 和 DirectX 
在 二 维 纹理 空间 中 的 坐标 系 差 异 问题 。 重 要 的 事情 要 说 很 多 次 ， 我 们 再 
来 回顾 一 下 。 在 OpenGL 里， 纹理 空间 的 原点 位 于 左下 角 ， 而 在 DirectX 
中 ， 原 点 位 于 左上 角 。 幸 运 的 是 ，Unity 在 绝 大 多 数 情况 下 特例 情况 
可 以 参见 5.6 节 ) 为 我 们 处 理 好 了 这 个 差异 问题 ， 也 就 是 说 ， 即 便 游 戏 
的 目标 平台 可 能 既 有 OpenGL 风 格 的 ， 也 有 DirectX 风 格 的 ， 但 我 们 在 
Unity 中 使 用 的 通常 只 有 一 种 坐标 系 。Unity 使 用 的 纹理 空间 是 符合 
OpenGL 的 传统 的 ， 也 就 是 说 ， 原 点 位 于 纹理 左下 角 ， 如 图 7.1 所 示 。 
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A 图 7.1 Unity 中 的 纹理 坐标 


本 章 将 介绍 如 何在 Unity 中 利用 纹理 采样 来 实现 更 加 丰富 的 视觉 
果 。 在 7.1 节 中 ， 我 们 将 学 习 如 何在 Unity Shader 中 进行 最 基本 的 纹理 采 
样 ， 并 介绍 纹理 的 属性 等 基本 概念 。7.2 节 将 介绍 游戏 中 应 用 广泛 的 四 
此 纹理， 还 会 解释 Unity 中 法 线 纹理 的 一 些 实现 细节 。7.3 节 和 7.4 节 将 分 
别 介绍 两 类 特殊 的 纹理 类 型 ， 即 渐变 纹理 和 遮 罩 纹理 ， 这 些 纹理 在 游戏 
中 的 应 用 非常 广泛 。 


需要 提醒 读者 注意 的 是 ， 本 章 着 重 讲述 纹理 采样 的 原理 ， 因 此 实 
现 的 Shader 往 往 并 不 能 直接 应 用 到 实际 项 目 中 《直接 使 用 的 话 会 缺少 阴 


影 、 光 照 衰减 等 效果 ) 。 我 们 会 在 9.5 节 给 出 包含 了 纹理 采样 和 完整 光 
照 模 型 的 可 真正 使 用 的 Unity Shader。 


7.1 单 张 纹理 


我 们 通常 会 使 用 一 张 纹 理 来 代 丛 物体 的 漫 反 财 颜 色 。 在 本 证 中， 我 
们 将 学 习 如 何在 Unity Shader 中 使 用 单 张 纹理 来 作为 模拟 的 颜色 。 在 学 
习 完 本 市 后 ， 我 们 会 得 到 类 似 图 7.2 中 的 效果 。 
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A 图 7.2 使 用 单 张 纹理 
7.1.1 实践 


ee 在 本 例 中 ， 我 们 仍然 使 用 Blinn-Phong 光 照 模型 来 计算 光照 。 准 备 工 
Ts 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_7_1。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 
去 掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


SingleTextureMat。 











(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Unity Shader 名 为 


Chapter7-SingleTexture。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 赛 
本 。 


(5) 保存 场景 。 


建 的 Chapter7-SingleTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 
下 修改 。 


(1) 首先 ， 我 们 需要 为 这 个 Unity Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 7/Single Texture" { 


(2) 为 了 使 用 纹理 ， 我 们 需要 在 Properties 语 义 块 中 添加 一 个 纹理 
属性 : 


Properties { 
_Color ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 


_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.06, 256)) = 26 
} 





上 面 的 代码 声明 了 一 个 名 为 _MainTex 的 纹理 ， 在 3.3.2 节 中 ， 我 们 已 
经 知道 2D 是 纹理 属性 的 声明 方式 。 我 们 使 用 一 个 字符 串 后 跟 一 个 花 括 
号 作为 它 的 初始 值 , “white” 是 内 置 纹理 的 名 字 ， 也 就 是 一 个 全 自 的 纹 
理 。 为 了 控制 物体 的 整体 色调 ， 我 们 还 声明 了 一 个 _Color 属 性 。 


(3) 然后， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 。 而 
且 ， 我 们 在 Pass 的 第 一 行 指明 了 该 Pass 的 光照 模式 : 








SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 





LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 
光照 流水 线 中 的 角色 。 


(4) 接着 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 
片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 元 着 色 器 代码 。 首 先 ， 我 们 使 用 
#pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什么 
名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 











CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 





(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包 
售 进 Unity 的 内 置 文件 Lighting.cginc: 


#include "Lighting.cginc" 


(6) 我 们 需要 在 Cg 代码 片 中 声明 和 上 述 属性 类 型 相 匹 配 的 变量 ， 
以 便 和 材质 面板 中 的 属性 建立 联系 : 





fixed4 _Color; 
sampler2D MainTex; 
float4 MainTex_ST; 
fixed4 Specular; 


float Gloss; 





与 其 他 属性 类 型 不 同 的 是 ， 我 们 还 需要 为 纹理 类 型 的 属性 声明 一 个 
float4 类 型 的 变量 _ MainTex_ST。 其 中 ，_MainTex_ST 的 名 字 不 是 任意 起 
的 。 在 Unity 中 ， 我 们 需要 使 用 纹理 名 _ST 的 方式 来 声明 某 个 纹理 的 属 
性 。 其 中 ，ST 是 缩放 (scale〉 和 平移 〈translation) 的 缩写 。 
_MainTex_ST 可 以 让 我 们 得 到 该 纹理 的 缩放 和 平移 〈 偏 移 ) 值 ， 
_MainTex_ST.xy 存 储 的 是 缩放 值 ， 而 _MainTex_ST.zw 存 储 的 是 俩 移 








值 。 这 些 值 可 以 在 材质 面板 的 纹理 属性 中 调节 ， 如 图 7.3 所 示 。 在 7.1.2 
节 中 ， 我 们 将 更 详细 地 解释 这 些 纹理 属性 。 


Main Tex 


























A 图 7.3 ”调节 纹理 的 平 铺 〈 缩 放 ) 和 偏 移 〈 平 移 ) 属性 
(7) 接 下 来 ， 我 们 需要 定义 顶点 着 色 器 的 输入 和 输出 结构 体 : 








struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORD®; 


}; 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD®; 
float3 worldPos : TEXCOORD1; 
float2 uv : TEXCOORD2; 


}; 





在 上 面 的 代码 中 ， 我 们 首先 在 a2v 结 构 体 中 使 用 TEXCOORD0 语 义 
声明 了 一 个 新 的 变量 texcoord， 这 样 Unity 束 会 将 模型 的 第 一 组 纹理 坐标 
存储 到 该 变量 中 。 然 后 ， 我 们 在 v2f 结 构 体 中 添加 了 用 于 存储 纹理 坐标 
的 变量 vv， 以 便 在 片 元 着 色 器 中 使 用 该 坐标 进行 纹理 采样 。 


(8) 然后 ， 我 们 定义 了 顶点 着 色 器 : 





v2f vert(a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


o.worldNormal = UnityObjectToWorldNormal(v.normal); 
o.worldPos = mul(_Object2World, Vv.vertex).xyz; 


O.UV = V.texcoord.xy * MainTex_ ST.xy + MainTex_ST.zw; 


// Or just call the built-in function 
// O.UV = TRANSFORM TEX(vVv.texcoord, MainTex); 


return o; 





在 顶点 着 色 器 中 ， 我 们 使 用 纹理 的 属性 值 _ MainTex _ST 来 对 顶点 纹 





理 举 标 进 行 变换 ， 得 到 最 终 的 纹理 坐标 。 计 算 过 程 是， 首先 使 用 缩放 属 
性 _MainTex_ST. Xy 对 顶 F 点 纹理 坐标 进行 缩放 ， 人 然后 再 使 用 偏 移 属性 
_MainTex_ST.zw 对 结果 进行 偏 移 。 J 了 一 个 内 置 宏 
TRANSFORM_TEX 来 帮 我 们 计算 上 述 过 程 。TRANSFORM_TEX 是 在 
UnityCG.cginc 中 定义 的 : 


// Transforms 2D UV by scale/bias property 
#define TRANSFORM TEX(tex,name) (tex.xy * name## ST.xy + name## ST.zw) 





它 接受 两 个 参数 ， 第 一 个 参数 是 顶点 纹理 坐标 ， 第 二 个 参数 是 纹理 
3 在 它 的 实现 中 ， 将 利用 纹理 名 _ST 的 方式 来 计算 变换 后 的 纹理 坐 
小 。 








(9) 我 们 还 需要 实现 片 元 着 色 器 ， 并 在 计算 漫 反 射 时 使 用 纹理 中 
的 纹 素 值 : 





fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 


// Use the texture to sample the diffuse color 
fixed3 albedo = tex2D( MainTex, i.uv).rgb * Color.rgb; 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColore.rgb * albedo * max(@, dot(worldNormal, w 
orldLightDir)); 


fixed3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos)); 

fixed3 halfDir = normalize(worldLightDir + viewDir); 

fixed3 specular = LightColore.rgb * Specular.rgb * pow(max(86，dot(wo 
rldNormal, halfDir)), _Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 


} 





上 面 的 代码 首先 计算 了 世界 空间 下 的 法 线 方向 和 光照 方向 。 然 后 ， 
使 用 Cg 的 tex2D 函 数 对 纹理 进行 采样 。 它 的 第 一 个 参数 是 需要 锐 末 样 的 
纹理 ， 第 二 个 参数 是 一 个 float2 类 型 的 纹理 坐标 ， 它 将 返回 计算 得 到 的 
纹 素 值 。 我 们 使 用 采样 结果 和 颜色 属性 _Color 的 乘积 来 作为 材质 的 反射 
率 albedo， 并 把 它 和 环境 光照 相 乘 得 到 环境 光 部 分 。 随 后 ， 我 们 使 用 
a 6 并 和 环境 光照 、 高 光 反 射 光 照相 加 后 
返回 。 


(10) 最 后 ， 我 们 为 该 Shader 设 置 了 合适 的 Fallback: 


Fallback "Specular" 


保存 后 返回 Unity 中 查看 。 在 SingleTextureMat 的 面板 上 上， 我 们 使 用 
本 书 资源 中 的 Brick_Diffuse.jpg 纹 理 对 Main Tex 属 性 进行 赋值 。 


7.1.2 ”纹理 的 属性 


虽然 很 多 资料 把 Unity 的 纹理 映射 描述 得 很 简单 一 一 声明 一 个 纹理 
变量 ， 再 使 用 tex2D 函 数 采 样 。 实 际 上 ， 在 演 染 流水 线 中 ， 纹 理 映 射 的 
实现 远 比 我 们 想象 的 复杂 。 在 本 书 不 会 过 多 涉及 一 些 具体 的 实现 细节 ， 
但 要 解释 一 些 我 们 认为 读者 必须 要 知道 的 事情 。 在 本 节 中 ， 我 们 将 关注 
Unity 中 的 纹理 属性 。 


在 我 们 向 Unity 中 导入 一 张 纹理 资源 后 ， 可 以 在 它 的 材质 面板 上 调 
整 其 属性 ， 如 图 7.4 所 示 。 


纹理 面板 中 的 第 一 个 属性 是 纹理 类 型 。 在 本 节 中 ， 我 们 使 用 的 
是 Texture 类 型 ， 在 下 面 的 法 线 纹理 一 节 中 ， 我 们 会 使 用 Normal map 类 
型 。 而 在 后 面 的 章节 中 ， 我 们 还 会 看 到 Cubemap 等 高 级 纹理 类 型 。 我 们 
之 所 以 要 为 导入 的 纹理 选择 合适 的 类 型 ， 是 因为 只 有 这 样 才能 让 Unity 
知道 我 们 的 意图 ， 为 Unity Shader 传 递 正确 的 纹理 ， 并 在 一 些 情况 下 可 











以 让 Unity 对 该 纹理 进行 优化 。 


六 Brick Import Settings 交 ， 
| Open 
Texture Type 
Alpha from Grayscale [| 
Wrap Mode 
Filter Made 
Aniso Level 一 ly | 





A 图 7.4 纹理 的 属性 





当 把 纹理 类 型 设置 成 Texture 后 ， 下 面 会 有 一 个 Alpha from Grayscale 
复 选 框 ， 如 果 勾 选 了 它 ， 那 么 透明 通道 的 值 将 会 由 每 个 像素 的 灰 度 值 生 
成 。 关 于 透明 效果 ， 我 们 会 在 第 8 章 中 讲 到 。 在 这 里 我 们 不 需要 勾 选 
Ts 


下 面 一 个 属性 非常 重要 一 Wrap Mode 。 它 决定 了 当 纹 理 坐 标 超 过 [0， 
1] 范 围 后 将 会 如 何 被 平 铺 。Wrap Mode 有 两 种 模式 : 一 种 是 Repeat ， 在 
这 种 模式 下 ， 如 果 纹 理 坐 标 超 过 了 1， 那 么 它 的 整数 部 分 将 会 被 舍弃 ， 
而 直接 使 用 小 数 部 分 进行 采样 ， 这 样 的 结果 是 纹理 将 会 不 断 重 复 ; 另 一 
种 是 Clamp ， 在 这 种 模式 下 ， 如 果 纹 理 坐 标 大 于 1， 那 么 将 会 截取 到 1， 
如 果 小 于 0， 那 么 将 会 截取 到 0。 图 7.5 给 出 了 两 种 模式 下 平 铺 一 张 纹理 
的 效果 (读者 可 在 本 书 资源 中 的 Scene 7 1 2 a 中 找到 相应 场景 ) 。 





D Inspect 


or 
四 | Grid Import Settings 








从 TexturePropertiesMat 六 从 TexturePropertiesMat 
” Shader | Vniy Shader Book/ 7-Tex* | v Shader [Un Shader Book/ 2 
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A 图 7.5 Wrap Mode 决 定 了 当 纹理 坐标 超过 [0, 1 范围 后 将 会 如 何 被 平 铺 


图 7.5 展 示 了 在 纹理 的 平 铺 (Tiling) 属性 为 (3, 3) 时 分 别 使 用 两 种 
Wrap Mode 的 结果 。 左 图 使 用 了 Repeat 模 式 ， 在 这 种 模式 下 纹理 将 会 不 
其 重复; 右 图 使 用 了 Clamp 模 式 ， 在 这 种 模式 下 超过 范 围 的 部 分 将 会 截 
取 到 边界 值 ， 形 成 一 个 条 形 结构 。 


需要 注意 的 是 ， 想 要 让 纹理 得 到 这 样 的 效果 ， 我 们 必须 使 用 纹理 的 
属性 (例如 上 面 的 _MainTex_ST 变 量 ) 在 Unity Shader 中 对 顶点 纹理 坐标 
进行 相应 的 变换 。 也 就 是 说 ， 代 码 中 需要 包含 类 似 下 面 的 代码 : 





O.UV = V.texcoord.xy * MainTex_ ST.xy + MainTex_ST.zw; 
// Or just call the built-in function 
O.UV = TRANSFORM TEX(v.texcoord, MainTex); 





我 们 还 可 以 在 材质 面板 中 调整 纹理 的 偏 移 量 ， 图 7.6 给 出 了 两 种 模 
式 下 调整 纹理 偏 移 量 的 一 个 例子 。 


图 7.6 展 示 了 在 纹理 的 偏 移 属 性 为 (0.2, 0.6) 时 分 别 使 用 两 种 Wrap 
Mode 的 结果 ， 左 图 使 用 了 Repeat 模 式 ， 右 图 使 用 了 Clamp 模 式 。 


纹理 导入 面板 中 的 下 一 个 属性 是 Filter Mode 属性 ， 它 决定 了 当 纹 理 
由 于 变换 而 产生 拉 伸 时 将 会 采用 哪 种 滤波 模式 。Filter Mode 支 持 3 种 模 
式 : Point ，Bilinear 以 及 Trilinear 。 它 们 得 到 的 图 片 滤 波 效 果 依 次 提 
升 ， 但 需要 耗费 的 性 能 也 依次 增 大 。 纹 理 滤波 会 影响 放大 或 缩小 纹理 时 
得 到 的 图 片 质量 。 例 如 ， 当 我 们 把 一 张 64x64 大 小 的 纹理 贴 在 一 个 
512x512 大 小 的 平面 上 时 ， 惑 需要 放大 纹理 。 图 7.7 给 出 了 3 种 滤波 模式 
下 的 放大 结 。 读 者 可 以 在 本 书 资 源 中 的 Scene_7_1 2_b 中 找到 该 场 
Lo 




















Tiling Xi3 
Offset X02 | 和 6 


(0.2, 0.6) (0.2, 0.6) 


4 图 7.6 偏 移 (Offset) 属性 决定 了 纹理 坐标 的 偏 移 量 








Filter Mode: Point Filter Mode: Bilinear Filter Mode: Trilinear 

















A 图 7.7 在 放大 纹理 时 ， 分 别 使 用 3 种 Filter Mode 得 到 的 结 


纹理 缩小 的 过 程 比 放 大 更 加 复杂 一 些 ， 此 时 原 纹理 中 的 多 个 像素 将 
会 对 应 一 个 目标 像素 。 纹 理 缩小 更 加 复 淋 的 原因 在 于 我 们 往往 需要 处 理 
抗 锯齿 问题 ， 一 个 最 第 使 用 的 方法 就 是 使 用 多 级 渐 远 纹理 

Cmipmapping) 技术 。 其 中 “mip” 是 拉丁 文 “multum in parvo” 的 缩写 ， 
它 的 意思 是 “在 一 个 小 空间 中 有 许多 东西 >。 如 同 它 的 名 字 ， 多 级 渐 远 纹 
理 技术 将 原 纹理 提前 用 滤波 处 理 来 得 到 很 多 更 小 的 图 像 ， 形 成 了 一 个 图 
像 金字 塔 ， 每 一 层 都 是 对 上 一 层 图 像 降 采样 的 结果 。 这 样 在 实时 运行 
时 ， 就 可 以 快速 得 到 结果 像素 ， 例 如 当 物 体 远 离 摄 像 机 时 ， 可 以 直接 使 
用 较 小 的 纹理 。 但 缺点 是 需要 使 用 一 定 的 空间 用 于 存储 这 些 多 级 渐 远 纹 
理 ， 通 常会 多 占用 33% 的 内 存 空间 。 这 是 一 种 典型 的 用 空间 换取 时 间 的 
方法 。 在 Unity 中 ， 我 们 可 以 在 纹理 导入 面板 中 ， 首 先 将 纹理 类 型 
(Texture Type) 选择 成 Advanced ， 再 勺 选 Generate Mip Maps 即 可 开启 
多 级 渐 远 纹理 技术 。 同 时 ， 我 们 还 可 以 选择 生成 多 级 渐 远 纹理 时 是 否 使 
用 线性 空间 《用 于 个 玛 校正 ， 详 见 18.4.2 节 ) 以 及 采用 的 滤波 器 等 ， 如 




















图 7.8 所 示 。 


图 7.9 给 出 了 从 一 个 倾斜 的 角度 观察 一 个 网 格 结构 的 地 板 时 ， 使 用 
不 同 Filter Mode (同时 也 使 用 了 多 级 渐 远 纹理 技术 ) 得 到 的 效果 。 读 者 
可 以 在 本 书 资 源 中 的 Scene 7 1 2 _c 中 找到 该 场景 。 


在 内 部 实现 上 ，Point 模 式 使 用 了 最 近邻 (nearest neighbor) 滤 
波 ， 在 放大 或 缩小 时 ， 它 的 采样 像 系 数目 通常 只 有 一 个 ， 因 此 图 像 会 看 
起 来 有 种 像素 风格 的 效果 。 而 Bilinear 滤 波 则 使 用 了 线性 滤波 ， 对 于 每 
个 目标 像素 ， 它 会 找到 4 个 邻近 像素 ， 然 后 对 它们 进行 线性 插值 混合 后 
得 到 最 终 像素 ， 因 此 图 像 看 起 来 像 被 模糊 了 。 而 Trilinear 滤 波 几 乎 是 和 
Bilinear 一 样 的 ， 只 是 Trilinear 还 会 在 多 级 渐 远 纹理 之 间 进 行 混 合 。 如 果 
一 张 纹理 没有 使 用 多 级 渐 远 纹理 技术 ， 那 么 Trilinear 得 到 的 结果 是 和 
Bilinear 束 一 样 的 。 通 党 ， 我 们 会 选择 Bilinear 滤 波 模式 。 需 要 注意 的 
是 ， 有 时 我 们 不 希望 纹理 看 起 来 是 模糊 的 ， 例 如 对 于 一 些 类 似 棋盘 的 纹 
理 ， 我 们 希望 它 束 是 像素 风 的 ， 这 时 我 们 可 能 会 选择 Point 模 式 。 

















EE Block Import Settings 次， 
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Convolution TYpe | None 
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Wrap Mode | Repeat | 
Filter Mode | Trilinear 全 | 
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和 图 7.8 在 Advanced 模 式 下 可 以 设置 多 级 渐 远 纹理 的 相关 属性 








A 图 7.9 从 上 到 下 : Point 滤 波 + 多 级 渐 远 纹理 技术 ，Bilinear 滤 波 + 多 级 渐 远 纹理 技术 ) ， 
Trilinear 滤 波 + 多 级 渐 远 纹理 技术 


最 后 ， 我 们 来 讲 一 下 纹理 的 最 大 尺寸 和 纹理 模式 。 当 我 们 在 为 不 同 
平台 发 布 游 戏 时 ， 需 要 考虑 目标 平台 的 纹理 尺寸 和 质量 问题 。Unity 允 
许 我 们 为 不 同 目 标 平 台 选 择 不 同 的 分 辩 灰 ， 如 图 7.10 所 示 。 


| pefaut | 鸭 | 且 | 日 | 虽 |@| 目 | 局 | 


Max Size | 2048 多 | 











Format | Compressed 全 | 








Revert || Apply | 


[4 
* 





etBundle 





4 图 7.10 ”选择 纹理 的 最 大 尺寸 和 纹理 模式 


如 果 导 入 的 纹理 大 小 超过 了 Max Texture Size 中 的 设置 值 ， 那 么 
Unity 将 会 把 该 纹理 缩放 为 这 个 最 大 分 辨 率 。 理 想 情 况 下 ， 导 入 的 纹理 
可 以 是 非 正 方形 的 ， 但 长 宽 的 大 小 应 该 是 2 的 早 ， 例 如 2、4、8、16、 
32、64 等 。 如 果 使 用 了 非 2 的 寡 大 小 (Non Power of Two，NPOT) 的 纹 
理 ， 那 么 这 些 纹理 往往 会 占用 更 多 的 内 存 空间 ， 而 且 GPU 读 取 该 纹理 的 
速度 也 会 有 所 下 降 。 有 一 些 平台 甚至 不 支持 这 种 NPOT 纹 理 ， 这 时 Unity 
在 内 部 会 把 它 缩放 成 最 近 的 2 的 需 大 小 。 出 于 性 能 和 空间 的 考虑 ， 我 们 
应 该 尽量 使 用 2 的 究 大 小 的 纹理 。 


而 Format 决定 了 Unity 内 部 使 用 哪 种 格式 来 存储 该 纹理 。 如 果 我 们 
将 Texture Type 设置 为 Advanced， 那 么 会 有 更 多 的 Format 供 我 们 选择 。 
这 里 不 再 依次 介绍 每 种 纹理 模式 ， 但 需要 知道 的 是 ， 使 用 的 纹理 格式 精 
度 越 高 〈 例 如 使 用 Truecolor) ， 占 用 的 内 存 空 间 越 大 ， 但 得 到 的 效果 也 
越 好 。 我 们 可 以 从 纹理 导入 面板 的 最 下 方 看 到 存储 该 纹理 需要 占用 的 内 
存 空间 (如 果 开 启 了 多 级 渐 远 纹理 拉 术 ， 也 会 增加 纹理 的 内 存 占 用 )〉。 




















当 游 戏 使 用 了 大 量 Truecolor 类 型 的 纹理 时 ， 内 存 可 能 会 迅速 增加 ， 因 此 
对 于 一 些 不 需要 使 用 很 高 精度 的 纹理 〈 例 如 用 于 漫 反 射 颜 色 的 纹理 ) ， 
我 们 应 该 尽量 使 用 压缩 格式 。 


7.2 四 凸 映 射 


纹理 的 另 一 种 篆 见 的 应 用 惑 是 凹凸 映射 (bump mapping) 。 四 凸 
映射 的 目的 是 使 用 一 张 纹理 来 修改 模型 表面 的 法 线 ， 以 便 为 模型 提供 更 
多 的 细节 。 这 种 方法 不 会 真 的 改变 模型 的 顶点 位 置 ， 只 是 让 模型 看 起 来 
好 像 是 “四 凸 不 平 * 的 ， 但 可 以 从 模型 的 轮廓 处 看 出 “ 破 绕 ”。 


有 两 种 主要 的 方法 可 以 用 来 进行 凹凸 映射 : 一 种 方法 是 使 用 一 张 高 
上 度 纹 理 (height map) 来 模拟 表面 位 移 (displacement) ， 然 后 得 到 一 
个 修改 后 的 法 线 值 ， 这 种 方法 也 被 称 为 高 度 映 射 〈height mapping) :; 
男 一 种 方法 则 是 使 用 一 张 法 线 纹理 (normal map) 来 直接 存储 表面 法 
线 ， 这 种 方法 又 被 称 为 法 线 映 射 (normal mapping) 。 尺 管 我 们 常常 
和 但 读者 需要 知道 它们 之 间 的 








7.2.1 ”高 度 纹理 


我 们 首先 来 看 第 一 种 技术 ， 即 使 用 一 张 高 度 图 来 实现 凹凸 映射 。 高 
度 图 中 存储 的 是 强度 值 (intensity) ， 它 用 于 表示 模型 表面 局 部 的 海拔 
高 度 。 因 此 ， 颜 色 越 浅 表 明 该 位 置 的 表面 越 癌 外 凸 起 ， 而 颜色 越 深 表明 
该 位 置 越 回 里 上 四。 这 种 方法 的 好 处 是 非常 直观 ， 我 们 可 以 从 高 度 图 中 明 
确 地 知道 一 个 模型 表面 的 凹凸 情况 ， 但 缺点 是 计算 更 加 复杂 ， 在 实时 计 
算 时 不 能 直接 得 到 表面 法 线 ， 而 是 需要 由 像素 的 灰 度 值 计算 而 得 ， 因 此 
需要 消耗 更 多 的 性 能 。 图 7.11 给 出 了 一 张 高 度 图 。 

















和 图 7.11 ”高度 图 


高 度 图 通 第 会 和 法 线 映射 一 起 使 用 ， 用 于 给 出 表面 凹凸 的 额外 信 
恩 。 也 束 是 说 ， 我 们 通常 会 使 用 法 线 映 冉 来 修改 光照 。 


7.2.2 ”法 线 纹理 
而 法 线 纹理 中 存储 的 就 是 表面 的 法 线 方 问 。 0 


围 在 [-1 1]， 而 像素 的 分 量 范 围 为 [0, 1]， 因 此 我 们 需要 做 一 个 映射 ， 
常 使 用 的 映射 惑 是 : 





normal+l1 
2 


一 


这 就 要 求 ， 我 们 在 Shader 中 对 法 线 纹理 进行 纹理 采样 后 ， 还 需要 对 
结果 进行 一 次 反映 射 的 过 程 ， 以 得 到 原先 的 法 线 方向 。 反 映射 的 过 程 实 
际 就 是 使 用 上 面 映 射 函 数 的 逆 函 数 : 


normal =pixel x2—1 





pizel = 


然而 ， 由 于 方向 是 相对 于 坐标 空间 来 说 的 ， 那 么 法 线 纹理 中 存储 的 
法 线 方 癌 在 哪个 坐标 空间 中 呢 ? 对 于 模型 顶点 自 带 的 法 线 ， 它 们 是 定义 
在 模型 空间 中 的 ， 因 此 一 种 直接 的 想法 就 是 将 修改 后 的 模型 空间 中 的 表 
面 法 线 存储 在 一 张 纹理 中 ， 这 种 纹理 被 称 为 是 模型 空间 的 法 线 纹 理 
(object-space normal map) 。 然 而 ， 在 实际 制作 中 ， 我 们 往往 会 采用 
另 一 种 坐标 空间 ， 即 模型 顶点 的 切线 空 间 〈tangent space) 来 存储 法 
线 。 对 于 模型 的 每 个 顶点 ， 它 都 有 一 个 属于 自己 的 切线 空间 ， 这 个 切线 
空间 的 原点 就 是 该 项 点 本 里， 而 z 轴 是 顶点 的 法 线 方 辐 (n ) ，x 轴 是 顶 
点 的 切线 方 同 (t ) ， 而 y 轴 可 由 法 线 和 切线 又 积 而 得 ， 也 被 称 为 是 副 切 
线 (bitangent，b) 或 副 法 线 ， 如 图 7.12 所 示 。 


这 种 纹理 被 称 为 是 切线 空间 的 法 线 纹理 (tangent-space normal 
map) 。 图 7.13 分 别 给 出 了 模型 空间 和 切线 空间 下 的 法 线 纹理 《图 片 来 
源 : http://www.surlybird.com/tutorials/TangentSpace/ ) 。 


从 图 7.13 中 可 以 看 出 ， 模 型 空间 下 的 法 线 纹理 看 起 来 是 “五 颜 六 

色 ” 的 。 这 是 因为 所 有 法 线 所 在 的 坐标 空间 是 同一 个 坐标 空间 ， 即 模型 
空间 ， 而 每 个 点 存储 的 法 线 方向 是 各 异 的 ， 有 的 是 (0, 1 0)， 经 过 映射 后 
存储 到 纹理 中 就 对 应 了 RGB(0.5, 1 0.5) 浅 绿色 ， 有 的 是 (0, -1 0)， 经 过 
映射 后 存储 到 纹理 中 就 对 应 了 (0.5, 0, 0.5) 紫 色 。 而 切线 空间 下 的 法 线 纹 
理 看 起 来 几乎 全 部 是 浅 蓝 色 的 。 这 是 因为 ， 每 个 法 线 方向 所 在 的 坐标 空 
间 是 不 一 样 的 ， 即 是 表面 每 点 各 自 的 切线 空间 。 这 种 法 线 纹理 其 实 就 是 
存储 了 每 个 点 在 各 自 的 切线 空间 中 的 法 线 扰动 方向 。 也 就 是 说 ， 如 果 一 
个 点 的 法 线 方向 不 变 ， 那 么 在 它 的 切线 空间 中 ， 新 的 法 线 方向 就 是 z 轴 
方向 ， 即 值 为 (0, 0, D)， 经 过 映射 后 存储 在 纹理 中 承 对 应 了 RGB(0.5, 0.5， 
1) 浅 蓝 色 。 而 这 个 颜色 就 是 法 线 纹理 中 大 片 的 蓝 色 。 这 些 蓝 色 实 际 上 说 
明 顶 点 的 大 部 分 法 线 是 和 模型 本 身 法 线 一 样 的 ， 不 需要 改变 。 









































A 图 7.12 ”模型 顶点 的 切线 空间 。 其 中 ， 原 点 对 应 了 顶点 坐标 ，x 轴 是 切线 方向 〈t ) ，y 轴 是 副 
切线 方向 〈b ) ，z 轴 是 法 线 方向 Cn ) 


























A 图 7.13 左边: 模型 空间 下 的 法 线 纹理 。 右 边 : 切线 空间 下 的 法 线 纹理 





总 体 来 次 ， 模 型 空间 下 的 法 线 纹理 更 符合 人 类 的 直观 认识 ， 而 且 法 
线 纹理 本 喘 也 很 和 直观， 容易 调整 ， 因 为 不 同 的 法 线 方 问 就 代表 了 不 同 的 
颜色 。 但 美术 人 员 往 往 更 喜欢 使 用 切线 空间 下 的 法 线 纹理 。 那 么 ， 为 什 
么 他 们 更 偏好 使 用 这 个 看 起 来 “很 鉴 脚 " 的 切线 空间 呢 ? 


实际 上 ， 法 线 本 号 存储 在 哪个 坐标 系 中 都 是 可 以 的 ， 我 们 甚 全 可 以 
选择 存储 在 世界 空间 下 。 但 问题 是 ， 我 们 并 不 是 单纯 地 想 要 得 到 法 线 ， 
后 续 的 光照 计算 才 是 我 们 的 目的 。 而 选择 哪个 坐标 系 意味 独 我 们 需要 把 
不 同 信息 转换 到 相应 的 坐标 系 中 。 例 如 ， 如 果 选 择 了 切线 空间 ， 我 们 需 
Ne 
2 


忆 体 来 说 ， 使 用 模型 空间 来 存储 法 线 的 优点 如 下 。 


实现 简单 ， 更 加 直观 。 我 们 甚至 都 不 需要 模型 原始 的 法 线 和 切线 等 
言 思 ， 也 就 是 说 ， 计 算 更 少 。 生 成 它 也 非常 简单 ， 而 如 果 要 生成 切 
线 空间 下 的 法 线 纹理 ， 由 于 模型 的 切线 一 般 是 和 UV 方向 相同 ， 因 
此 想 要 得 到 效果 比较 好 的 法 线 映射 浆 要 求 纹理 映射 也 是 连续 的 。 

在 纹理 坐标 的 缝合 处 和 尖锐 的 边 角 部 分 ， 可 见 的 突变 《缝隙 ) 较 

少 ， 即 可 以 提供 平滑 的 边界 。 这 是 因为 模型 空间 下 的 法 线 纹理 存储 
的 是 同一 坐标 系 下 的 法 线 信 息 ， 因 此 在 边界 处 通过 插值 得 到 的 法 线 











可 以 平滑 变换 。 而 切线 空 s 间 下 的 法 线 纹理 中 的 法 线 信息 ,是 依靠 纹理 
i 吉 果 ， 可 能 会 在 边缘 处 或 尖锐 的 部 分 造成 更 多 可 
见 


但 使 用 切线 空间 有 更 多 优点 。 


自由 度 很 高 。 模 型 空间 下 的 法 线 纹理 记录 的 是 绝对 法 线 信 息 ， 仅 
可 用 于 创建 它 时 的 那个 模型 ， 而 应 用 到 其 他 模型 上 效果 就 完全 错误 
了 。 而 切线 空间 下 的 法 线 纹理 记录 的 是 相对 法 线 信息 ， 这 意味 着 ， 
i 也 可 以 得 到 一 个 合理 
、 结果 。 

可 进行 UV 动画 。 比 如 ， 我 们 可 以 移动 一 个 纹理 的 UV 坐标 来 实现 一 
个 凹凸 移动 的 效果 ， 但 使 用 模型 空间 下 的 法 线 纹 理会 得 到 完全 错误 
的 结果 。 原 因 同 上 。 这 种 UV 动画 在 水 或 者 火山 熔 告 这 种 类 型 的 物 
体 上 会 经 常用 到 。 

可 以 重用 法 线 纹理 。 比 如 ， 一 个 砖 块 ， 我 们 仅 使 用 一 张 法 线 纹理 就 
可 以 用 到 所 有 的 6 个 面 上 。 原 因 同 上 。 

可 压 顷 。 由 于 切线 空间 下 的 法 线 纹理 中 法 线 的 Z 方 同 总 是 正方 同 ， 
因此 我 们 可 以 仅 存 储 XY 方 向 ， 而 推导 得 到 Z 方 向 。 而 模型 空间 下 的 
法 线 纹理 由 于 每 个 方向 都 是 可 能 的 ， 因 此 必须 存储 3 个 方向 的 值 ， 
不 可 压缩 。 


切线 空间 下 的 法 线 弘 理 的 前 两 个 优点 足以 让 很 多 人 放弃 模型 空间 下 
的 法 线 纹 理 而 选择 它 。 从 上 面 的 优点 可 以 看 出 ， 切 线 空间 在 很 多 情况 下 
都 优 于 模型 空间 ， 而 且 可 以 市 省 美术 人 员 的 工作 。 因 此 ， 在 本 书 中 ， 我 
们 使 用 的 也 是 切线 空间 下 的 法 线 纹理 。 


























7.2.3 ”实践 


我 们 需要 在 计算 光照 模型 中 统一 各 个 方向 矢量 所 在 的 坐标 空间 。 由 
于 法 线 纹理 中 存储 的 法 线 是 切线 空间 下 的 方向 ， 因 此 我 们 通常 有 两 种 选 
择 : 一 种 选择 是 在 切线 空间 下 进行 光照 计算 ， 此 时 我 们 需要 把 光照 方 
回 、 视 角 方向 变换 到 切线 空间 下 ; 男 一 种 选择 是 在 世界 空间 下 进行 光照 
计算 ， 此 时 我 们 需要 把 采样 得 到 的 法 线 方 站 变换 到 世界 空间 下 ， 再 和 世 
界 空间 下 的 光照 方 加 和 视角 方 同 进行 计算 。 从 效率 上 来 说 ， 第 一 种 方法 
往往 要 优 于 第 二 种 方法 ， 因 为 我 们 可 以 在 顶点 着 色 器 中 就 完成 对 光照 方 
问 和 视角 方 回 的 变换 ， 而 第 二 种 方法 由 于 要 先 对 法 线 纹理 进行 采样 ， 所 








以 变换 过 程 必须 在 片 元 着 色 器 中 实现 ， 这 意味 着 我 们 需要 在 片 元 着 色 器 
中 进行 一 次 矩阵 操作 。 但 从 通用 性 角度 来 说 ， 第 二 种 方法 要 优 于 第 一 种 
方法 ， 因 为 有 时 我 们 需要 在 世界 空间 下 进行 一 些 计 算 ， 例 如 在 使 用 
Cubemap 进 行 环境 映射 时 ， 我 们 需要 使 用 世界 空间 下 的 反射 方向 对 
Cubemap 进 行 采 样 。 如 果 同 时 需要 进行 法 线 映 射 ， 我 们 就 需要 把 法 线 方 
癌变 换 到 世界 空间 下 。 当 然 ， 读 者 可 以 选择 其 他 坐标 空间 进行 计算 ， 例 
如 模型 空间 等 ， 但 切线 空间 和 世界 空间 是 最 为 常用 的 两 种 空间 。 在 本 市 
中 ， 我 们 将 依次 实现 上 述 的 两 种 方法 。 


1. 在 切线 空间 下 计算 


我 们 首先 来 实现 第 一 种 方法 ， 即 在 切线 空间 下 计算 光照 模型 。 基 本 
思路 是 :在 片 元 着 色 器 中 通过 纹理 采样 得 到 切线 空间 下 的 法 线 ， 然 后 再 
与 切线 空间 下 的 视角 方 旬 、 光 照 方向 等 进行 计算 ， 得 到 最 终 的 光照 结 
所。 为 此 ， 我 们 首先 需要 在 顶点 着 色 器 中 把 视角 方向 和 光照 方向 从 模型 

空间 变换 到 切线 空间 中 ， 即 我 们 需要 知道 从 模型 空间 到 切线 空间 的 变换 
和 窍 阵 。 这 个 变换 矩阵 的 逆 矩 阵 ， 即 从 切线 空间 到 模型 空间 的 变换 矩阵 是 
非常 容易 求 得 的 ， 我 们 在 顶点 着 色 器 中 按 切 线 (x 轴 ) 、 副 切线 (y 
轴 ) 、 法 线 z 轴 ) 的 顺序 按 列 排列 即 可 得 到 (数学 原理 详 见 4.6.2 
市 ) 。 在 4.6.2 市 中 我 们 已 经 知道 ， 如 果 一 个 变换 中 仪 存在 平移 和 旋转 变 
撕 ， 那么 这 个 变换 的 逆 甜 阵 就 等 于 它 的 转 置 矩 阵 ， 而 从 切线 空间 到 模型 

空间 的 变换 正 是 符合 这 样 要 求 的 变换 。 因 此 ， 从 模型 空间 到 切线 空间 的 
变换 和 窍 阵 就 是 从 切线 空间 到 模型 空间 的 变换 官 阵 的 转 置 窍 阵 ， 我 们 把 切 
线 (x 轴 ) 、 副 切线 〈y 轴 ) 、 法 线 〈z 轴 ) 的 顺序 按 行 排列 即 可 得 到 。 
在 本 节 最 后 ， 我 们 可 以 得 到 类 似 图 7.14 中 的 效果 。 


为 此 ， 我 们 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_7_2_3。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 


平行 光 ， 并 且 使 用 0 在 Window -> Lighting -> Skybox 
中 去 掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
Normal MapTangentSpaceMat。 















































(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 
Chapter7-NormalMapTangentSpace。 把 新 的 Unity Shader 赋 给 第 2 步 中 创 





建 的 材质 。 





Maximize on Play | Mute audio Stats Gizmos ™ 















动 NormalMapTangentSpaceMat 类 
v Shader | Unity Shaders Book/Chapter 7/Nor™ 
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A 图 7.14 使 用 法 线 纹理 





(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 喜 
本 。 


(5) 保存 场景 。 


打开 新 建 的 Chapter7-NormalMapTangentSpace， 删 除 所 有 已 有 代 
码 ， 并 进行 如 下 修改 。 


(1) 首先 ， 我 们 为 该 Unity Shader 定 义 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 7/Normal Map In Tangent Space" { 


(2) 然后 ， 我 们 在 Properties 语 义 块 中 添加 了 法 线 纹 理 的 属性 ， 以 
及 用 于 控制 凹凸 程度 的 属性 : 





Properties { 
_Color ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_BumpMap ("Normal Map", 2D) = "bump" {} 


_BumpScale ("Bump Scale", Float) = 1.6 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.06, 256)) = 26 

} 





对 于 法 线 纹理 _BumpMap， 我 们 使 用 "bump" 作 为 它 的 默认 
值 。"bump" 是 Unity 内 置 的 法 线 纹理 ， 当 没有 提供 任何 法 线 纹理 
时 ，"bump" 就 对 应 了 模型 自 带 的 法 线 信息 。_BumpScale 则 是 用 于 控制 








凹凸 程度 的 ， 当 它 为 0 时 ， 意 味 着 该 法 线 纹理 不 会 对 光照 产生 任何 影 
啊 。 


(3) 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 ， 并 且 在 
Pass 的 第 一 行 指明 了 该 Pass 的 光照 模式 : 


SubShader { 
Pass { 


Tags { "LightMode"="ForwardBase" } 








LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 
光照 流水 线 中 的 角色 。 


(4) 接着 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 
片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 元 着 色 器 代码 。 首 先 ， 我 们 使 用 
#pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什么 
名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 





CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 





(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包 
含 进 Unity 的 内 置 文件 Lighting.cginc: 


#include "Lighting.cginc" 


| 


(6) 为 了 和 Properties 语 义 块 中 的 属性 建 并 联系， 我们 在 Cg 代码 块 
中 声明 了 和 上 述 属性 类 型 匹配 的 变量 : 


fixed4 _Color; 

sampler2D MainTex; 
float4 MainTex_ST; 
sampler2D BumpMap; 
float4 BumpMap_ST; 


float BumpScale; 
fixed4 Specular; 
float Gloss; 





为 了 得 到 该 纹理 的 属性 〈 平 铺 和 偏 移 系数 ) ， 我 们 为 _ MainTex 和 
_BumpMap 定 义 了 _MainTex_ST 和 _BumpMap_ST 变 量 。 


(7) 我 们 已 经 知道 ， 切 线 空间 是 由 顶点 法 线 和 切线 构建 出 的 一 个 
坐标 空间 ， 因 此 我 们 需要 得 到 顶点 的 切线 信息 。 为 此 ， 我 们 修改 顶点 着 
色 器 的 输入 结构 体 a2v: 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 tangent : TANGENT ; 


float4 texcoord : TEXCOORD®; 


}; 





我 们 使 用 TANGENT 语 义 来 描述 float4 类 型 的 tangent 变 量 ， 以 告诉 
Unity 把 顶点 的 切线 方向 填充 到 tangent 变 量 中 。 需 要 注意 的 是 ， 和 法 线 
方 同 normal 不 同 ，tangent 的 类 型 是 float4， 而 非 float3， 这 是 因为 我 们 需 
0 tangent.w 分 量 来 决定 切线 空间 中 的 第 三 个 坐标 轴 副 切 线 的 方 


(8) 我 们 需要 在 顶点 着 色 器 中 计算 切线 空间 下 的 光照 和 视角 方 
上 加， 因此 我 们 在 v2f 结 构 体 中 添加 了 两 个 变量 来 存储 变换 后 的 光照 和 视 














角 方 问 : 


struct v2f { 
float4 pos : SV_POSITION; 
float4 uv : TEXCOORD6 ; 
float3 lightDir: TEXCOORD1; 


float3 viewDir : TEXCOORD2; 





(9) 定义 顶点 着 色 器 : 


vert(a2v v) { 
v2f o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV.Xy = Vv.texcoord.xy * MainTex_ ST.xy + MainTex_ST.zw; 
O.UV.ZW = V.texcoord.xy * BumpMap_ST.xy + _BumpMap_ST.zw; 


// Compute the binormal 
// float3 binormal = cross( normalize(v.normal), normalize(v.tangent.xyz) 
) * Vv.tangent.w; 
// // Construct a matrix which transform vectors from object space to tan 
gent space 


// float3x3 rotation = float3x3(v.tangent.xyz, binormal, v.normal); 
// Or just use the built-in macro 
TANGENT_SPACE_ROTATION ; 


// Transform the light direction from object space to tangent space 
o.1lightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz; 

// Transform the view direction from object space to tangent space 
o.viewDir = mul(rotation, ObjSpaceViewDir(v.vertex)).xyz; 


return o; 





由 于 我 们 使 用 了 两 张 纹理 ， 因 此 需要 存储 两 个 纹理 坐标 。 为 此 ， 我 
们 把 v2f 中 的 uv 变量 的 类 型 定义 为 foat4 类 型 ， 其 中 xy 分 量 存储 了 
_MainTex 的 纹理 坐标 ， 而 zw 分 量 存储 了 “BumpMap 的 纹理 华 标 (实际 
上 ，_MainTex 和 _BumpMap 通 常会 使 用 同一 组 纹理 坐标 ， 出 于 减少 插值 
寄存 器 的 使 用 数目 的 目的 ， 我 们 往往 只 计算 和 存储 一 个 纹理 坐标 即 


可 ) 。 然 后 ， 我 们 把 模型 空间 下 切线 方向 、 副 切线 方向 和 法 线 方向 按 行 
排列 来 得 到 从 模型 空间 到 切线 空间 的 变换 矩阵 rotation。 需 要 注意 的 是 ， 
在 计算 副 切 线 时 我 们 使 用 v.tangentw 和 又 积 结果 进行 相 乘 ， 这 是 因为 和 
切线 与 法 线 方 癌 都 垂直 的 方向 有 两 个 ， 而 w 雇 定 了 我 们 选择 其 中 哪 一 个 
方向 。Unity 也 提供 了 一 个 内 置 宏 TANGENT_SPACE _ROTATION (在 
UnityCG.cginc 中 被 定义 〉 来 帮助 我 们 直接 计算 得 到 rotation 变 换算 了 泗 ， 它 
的 实现 和 上 述 代 码 完全 一 样 。 然 后 ， 我 们 使 用 Unity 的 内 置 函 数 
ObjSpaceLightDir 和 ObjSpaceViewDir 来 得 到 模型 空间 下 的 光照 和 视角 方 
同 ， 再 利用 变换 矩阵 rotation 把 它们 从 模型 空间 变换 到 切线 空间 中 。 


(10〉 由 于 我 们 在 顶点 着 色 器 中 完成 了 大 部 分 工作 ， 因 此 万 元 着 色 
再 在 切线 空间 下 进行 光照 
计算 即 可 : 

















fixed4 frag(v2f i) : SV_Target { 
fixed3 tangentLightDir = normalize(i.1lightDir); 
fixed3 tangentViewDir = normalize(i.viewDir); 


// Get the texel in the normal map 
fixed4 packedNormal = tex2D( BumpMap, i.uv.zw); 
fixed3 tangentNormal; 
// If the texture is not marked as "Normal map" 
// tangentNormal.xy = (packedNormal.xy * 2 - 1) * BumpScale; 
// tangentNormal.z = sqrt(1.6 - saturate(dot(tangentNormal.xy, tangentNor 


mal.xy))); 


// Or mark the texture as "Normal map", and use the built-in funciton 
tangentNormal = UnpackNormal(packedNormal); 

tangentNormal.xy *= _BumpScale; 

tangentNormal.z = sqrt(1.6 - saturate(dot(tangentNormal.xy, tangentNor 


mal.xy))); 
fixed3 albedo = tex2D( MainTex, i.uv).rgb * Color.rgb; 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColore.rgb * albedo * max(60, dot(tangentNormal, 
tangentLightDir)); 


fixed3 halfDir = normalize(tangentLightDir + tangentViewDir); 
fixed3 specular = LightColore.rgb * Specular.rgb * pow(max(6@, dot(ta 
ngentNormal, halfDir)), _Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 


| 

在 上 面 的 代码 中 ， 我 们 首先 利用 tex2D 对 法 线 纹理 _BumpMap 进 行 
采样 。 正 如 本 市 一 开头 所 讲 的 ， 法 线 纹理 中 存储 的 是 把 法 线 经 过 映射 后 
得 到 的 像素 值 ， 因 此 我 们 需要 把 它们 反映 射 回来 。 如 果 我 们 没有 在 
Unity 里 把 该 法 线 纹理 的 类 型 设置 成 Normal map 〈 详 见 7.2.4 节 ) ， 就 需 
要 在 代码 中 手动 进行 这 个 过 程 。 我 们 首先 把 packedNormal 的 xy 分 量 按 之 
前 提 到 的 公式 映射 回 法 线 方向 ， 然 后 乘 以 _BumpScale〈 控 制止 凸 程度 ) 
来 得 到 tangentNormal 的 xy 分 量 。 由 于 法 线 都 是 单位 矢量 ， 因 此 
tangentNormal.z 分 el DINangenti roal xy 计算 而 得 。 由 于 我 们 使 用 的 
是 切线 空间 下 的 法 线 纹理 ， 因 此 可 以 保证 法 线 方 同 的 z 分 量 为 正 。 在 
Unity 中 ， 为 了 方便 Unity 对 法 线 纹理 的 存储 进行 优化 ， 我 们 通常 会 把 法 
线 纹理 的 纹理 类 型 标识 成 Normal map ，Unity 会 根据 平台 来 选择 不 同 的 
压 红 方 法 。 这 时 ， 如 果 我 们 再 使 用 上 面 的 方法 来 计算 就 会 得 到 错误 的 结 
果 ， 因 为 此 时 _BumpMap 的 rgb 分 量 并 不 再 是 切线 空间 下 法 线 方 回 的 xyz 
值 了 。 在 7.2.4 节 中 ， 我 们 会 具体 解释 。 在 这 种 情况 下 ， 我 们 可 以 使 用 
Unity 的 内 置 函数 UnpackNormal 来 得 到 正确 的 法 线 方 同 。 


(11) 最 后 ， 我 们 为 该 Unity Shader 设 置 合 适 的 Fallback: 


Fallback "Specular" 


保存 后 返回 Unity 中 查看 。 在 NormalMapTangentSpaceMat 的 面板 
上 ， 我 们 使 用 本 书 资源 中 的 Brick_Diffuse.jpg 和 Brick_Normal.jpg 纹 理 对 
其 赋值 。 我 们 可 以 调整 材质 面板 中 的 Bump Scale 属 性 来 改变 模型 的 四 凸 
程度 。 图 7.15 给 出 了 不 同 的 Bump Scale 属 性 值 下 得 到 的 结 








和 图 7.15 ”使 用 Bump Scale 属性 来 调整 模型 的 凹凸 程度 





2. 在 世界 空间 下 计算 


现在 ， 我 们 来 实现 第 二 种 方法 ， 即 在 世界 空间 下 计算 光照 模型 。 我 
们 需要 在 片 元 着 色 器 中 把 法 线 方向 从 切线 空间 变换 到 世界 空间 下 。 这 种 
方法 的 基本 思想 是 : 在 顶点 着 色 器 中 计算 从 切线 空间 到 世界 空间 的 变换 
和 矩阵， 并 把 它 传 递 给 片 元 着 色 器 。 变 换算 阵 的 计算 可 以 由 顶点 的 切线 、 
副 切 线 和 法 线 在 世界 空间 下 的 表示 来 得 到 。 最 后 ， 我 们 只 需要 在 片 元 着 
色 器 中 把 法 线 纹理 中 的 法 线 方向 从 切线 空间 变换 到 世界 空间 下 即 可 。 尽 
管 这 种 方法 需要 更 多 的 计算 ， 但 在 需要 使 用 Cubemap 进 行 环 境 映 射 等 情 
况 下 ， 我 们 就 需要 使 用 这 种 方法 。 


为 此 ， 我 们 进行 如 下 准备 工作 。 
(1) 使 用 上 一 节 中 使 用 的 场景 。 


(2) 新 建 一 个 材质 。 在 本 书 资 源 中 ， 该 材质 名 为 
Normal MapWorldSpaceMat。 

















(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter7-NormalMapWorldSpace。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材 
质 。 





(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 赛 体 。 


打开 Chapter7-NormalMapWorldSpace， 把 上 一 节 中 的 代码 粘贴 进 
去 ， 并 进行 如 下 修改 : 


(1) 我 们 需要 修改 顶点 着 色 器 的 输出 结构 体 v2f， 使 它 包 含 从 切线 
空间 到 世界 空间 的 变换 矩阵 : 





struct v2f { 
float4 pos : SV_POSITION; 
float4 uv : TEXCOORD6 ; 
float4 Ttowe : TEXCOORD1; 
float4 TtoW1 : TEXCOORD2; 


float4 TtoW2 : TEXCOORD3; 





我 们 在 3.3.2 节 中 讲 到 ， 一 个 插值 寄存 器 最 多 只 能 存储 float4 大 小 的 
变量 ， 对 于 矩阵 这 样 的 变量 ， 我 们 可 以 把 它们 按 行 拆 成 多 个 变量 再 进行 
存储 。 上 面 代 码 中 的 Ttow0、Ttow1 和 TtoW2 就 依次 存储 了 从 切线 空间 
到 世界 空间 的 变换 和 矩阵 的 每 一 行 。 实 际 上 ， 对 方向 矢量 的 变换 只 需要 使 
用 3x3 大 小 的 矩阵， 也 就 是 说 ， 每 一 行 只 需要 使 用 float3 类 型 的 变量 即 
可 。 但 为 了 充分 利用 插值 寄存 器 的 存储 空间 ， 我 们 把 世界 空间 下 的 顶点 
位 置 存储 在 这 些 变量 的 w 分 量 中 。 


(2) 修改 顶点 着 色 器 ， 计 算 从 切线 空间 到 世界 空间 的 变换 矩阵: 




















v2f vert(a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV.Xy 
O.UV.ZW 


= V.texcoord.xy * MainTex_ ST.xy + MainTex_ST.zw; 

= V.texcoord.xy * BumpMap_ST.xy + _BumpMap_ST.zw; 

float3 worldPos = mul(_ Object2World, v.vertex).xyz; 

fixed3 worldNormal = UnityObjectToWorldNormal(v.normal); 

fixed3 worldTangent = UnityObjectToWorldDir(v.tangent.xyz); 

fixed3 worldBinormal = cross(worldNormal, worldTangent) * v.tangent.w; 


// Compute the matrix that transform directions from tangent space to 
world space 

// Put the world position in w component for optimization 

o.Ttowe = float4(worldTangent.x, worldBinormal.x, worldNormal.x, world 
Pos.x); 

o.TtoN1 = float4(worldTangent.y, worldBinormal.y, worldNormal.y, world 
Pos.y); 


o.TtoN2 = float4(worldTangent.z, worldBinormal.z, worldNormal.z, world 
Pos.z); 


return o; 





在 上 面 的 代码 中 ， 我 们 计算 了 世界 空间 下 的 顶点 切线 、 副 切线 和 法 
线 的 矢量 表示 ， 并 把 它们 按 列 摆 放 得 到 从 切线 空间 到 世界 空间 的 变换 
证 阵 。 我 们 把 该 矩阵 的 每 一 行 分 别 存储 在 TtoW0、TtoW1 和 TtoW2 中 ， 
并 把 世界 空间 下 的 顶点 位 置 的 xyz 分 量 分 别 存储 在 了 这 些 变 量 的 w 分 量 
中 ， 以 便 充 分 利用 插值 寄存 器 的 存储 空间 。 


(3) 修改 片 元 着 色 器 ， 在 世界 空间 下 进行 光照 计算 : 





fixed4 frag(v2f i) : SV_Target { 
// Get the position in world space 
float3 worldPos = float3(i.TtoWeO.w, i.TtoWil.w, i.TtoW2.w); 
// Compute the light and view dir in world space 
fixed3 lightDir = normalize(UnityWorldSpaceLightDir(worldPos)); 
fixed3 viewDir = normalize(UnityWorldSpaceViewDir(worldPos)); 


// Get the normal in tangent space 
fixed3 bump = UnpackNormal(tex2D( BumpMap, i.uv.zw)); 


bump.xy *= _BumpScale; 

bump.z = sqrt(1.6 - saturate(dot(bump.xy, bump.xy))); 

// Transform the normal from tangent space to world space 

bump = normalize(half3(dot(i.TtowWwe.xyz, bump), dot(i.TtoW1.xyz, bump), 
dot(i.TtoW2.xyz, bump))); 





我 们 首先 从 TtoW0、TtoW1 和 TtowW2 的 w 分 量 中 构建 世界 空间 下 的 
坐标 。 然 后 ， 使 用 内 置 的 UnityWorldSpaceLightDir 和 
UnityWorldSpaceViewDir 函 数 得 到 世界 空间 下 的 光照 和 视角 方向 。 接 
者 ， 我 们 使 用 内 置 的 UnpackNormal 函 数 对 法 线 纹理 进行 采样 和 解 公 《和 需 
要 把 法 线 纹理 的 格式 标识 成 Normal map) ， 并 使 用 _BumpScale 对 其 进行 
缩放 。 最 后 ， 我 们 使 用 TtoW0、TtoW1 和 TtowW2 存 储 的 变换 矩阵 把 法 线 
变换 到 世界 空间 下 。 这 是 通过 使 用 点 乘 操作 来 实现 矩阵 的 每 一 行 和 法 线 


相 乘 来 得 到 的 。 


从 视觉 表现 上 ， 在 切线 空间 下 和 在 世界 空间 下 计算 光照 几乎 没有 任 
何 差 别 。 在 Unity 4.x 版 本 中 ， 在 不 需要 使 用 Cubemap 进 行 环境 映射 的 情 
况 下 ， 内 置 的 Unity Shader 使 用 的 是 切线 空间 来 进行 法 线 映 射 和 光照 计 
算 。 而 在 Unity 5.x 中 ， 所 有 内 置 的 Unity Shader 都 使 用 了 世界 空间 来 进行 
光照 计算 。 这 也 是 为 什么 Unity 5.x 中 表面 着 色 右 更 容易 报错 ， 因 为 它们 
使 用 了 更 多 的 插值 寄存 器 来 存储 变换 矩阵 〈 还 有 一 些 额外 的 插值 寄存 器 
是 用 来 辅助 计算 筋 效 的 ， 更 多 内 容 可 以 参见 19.2 节 ) 。 


7.2.4 ”Unity 中 的 法 线 纹理 类 型 
上 面 我 们 提 到 了 当 把 法 线 纹理 的 纹理 类 型 标识 成 Normal map 时 ， 可 


以 使 用 Unity 的 内 置 函数 UnpackNormal 来 得 到 正确 的 法 线 方向 ， 如 图 7.16 
所 示 。 
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A 图 7.16 ” 当 使 用 UnpackNormal 隙 数 计算 法 线 纹理 中 的 法 线 方向 时 ， 需 要 把 纹理 类 型 标识 为 


Normal map 


当 我 们 需要 使 用 那些 包含 了 法 线 映 射 的 内 置 的 Unity Shader 时 ， 必 
须 把 使 用 的 法 线 纹理 按 上 面 的 方式 标识 成 Normal map 才 能 得 到 正确 结果 
《即便 你 筷 了 这 么 做 ，Unity 也 会 在 材质 面板 中 提醒 你 修正 这 个 问 
题 ) ， 这 是 因为 这 些 Unity Shader 都 使 用 了 内 置 的 UnpackNormal 函 数 来 
采样 法 线 方向 。 那 么 ， 当 我 们 把 纹理 类 型 设置 成 Normal map 时 到 底 发 生 
了 什么 呢 ? 为 什么 要 这 么 做 呢 ? 


简单 来 襄 ， 这 么 做 可 以 让 Unity 根 据 不 同 平台 对 纹理 进行 压缩 〈( 例 
如 使 用 DXT5nm 格 式 ， 具 体 的 压缩 细节 可 以 参考 : http://tech- 
artists.org/wiki/Normal_map_compression ) ， 再 通过 UnpackNormal 函 数 
来 针对 不 同 的 压缩 格式 对 法 线 纹理 进行 正确 的 采样 。 我 们 可 以 在 
UnityCG.cginc 里 找到 UnpackNormal 函 数 的 内 部 实现 : 


inline fixed3 UnpackNormalDXT5nm (fixed4 packednormal) 
{ 
fixed3 normal; 
normal.xy = packednormal .wy * 2 - 1; 
normal.z = sqrt(1 - saturate(dot(normal.xy, normal.xy))); 
return normal; 


} 


inline fixed3 UnpackNormal(fixed4 packednormal) 


{ 
#if defined(UNITY_ NO DXT5nm) 
return packednormal.xyz * 2 - 1; 
#else 
return UnpackNormalDXT5Nnm(packednormal); 
#endif 
} 





从 代码 中 可 以 看 出 ， 在 茶 些 平台 上 由 于 使 用 了 DXT5nm 的 压缩 格 
式 ， 因 此 需要 针对 这 种 格式 对 法 线 进行 解码 。 在 DXT5nm 格 式 的 法 线 纹 
理 中 ， 纹 么 的 a 通 道 〈《 即 w 分 量 ) 对 应 了 法 线 的 x 分 量 ，g 通 道 对 应 了 法 
线 的 y 分 量 ， 而 纹理 的 r 和 b 通 道 则 会 被 舍弃 ， 法 线 的 z 分 量 可 以 由 xy 分 量 
推导 而 得 。 为 什么 之 前 的 普通 纹理 不 能 按 这 种 方式 压缩 ， 而 法 线束 需要 
使 用 DXT5nm 格 式 来 进行 压缩 呢 ? 这 是 因为 ， 按 我 们 之 前 的 处 理 方 式 ， 
法 线 纹 理 被 当成 一 个 和 普通 纹理 无 寞 的 图 ， 但 实际 上 ， 它 只 有 两 个 通道 
是 真正 必 不 可 少 的 ， 因 为 第 三 个 通道 的 值 可 以 用 另外 两 个 推导 出 来 〈 法 
线 是 单位 癌 量 ， 并 且 切 线 空间 下 的 法 线 方 同 的 z 分 量 始终 为 正 ) 。 使 用 
这 种 压缩 方法 就 可 以 减少 法 线 纹 理 占 用 的 内 存 空间 。 


当 我 们 把 纹理 类 型 设置 成 Normal map 后 ， 还 有 一 个 复 选 框 是 Create 
from Grayscale ， 那 么 它 是 做 什么 用 的 呢 ? 读 者 应 该 还 记得 在 本 节 开 始 
我 们 提 到 过 另 一 种 四 凸 映射 的 方法 ， 即 使 用 高 度 图 ， 而 这 个 复 选 框 就 是 
用 于 从 高 度 图 中 生成 法 线 纹理 的 。 高 度 图 本 身 记录 的 是 相对 高 度 ， 是 一 
张 灰 度 图 ， 白 色 表 示 相 对 更 高 ， 黑 色 表 示 相 对 更 低 。 当 我 们 把 一 张 高 度 














图 导入 Unity 后 ， 除 了 需要 把 它 的 纹理 类 型 设置 成 Normal map 外 ， 还 需 
要 勾 选 Create from Grayscale， 这 样 就 可 以 得 到 类 似 图 7.17 中 的 结果 。 然 
后 ， 我 们 就 可 以 把 它 和 切线 空间 下 的 法 线 纹理 同等 对 待 了 。 





Wall_Height 








A 图 7.17 ” 当 色 选 了 Create from Grayscale 后 ，Unity 会 根据 高 度 图 来 生成 一 张 切线 空间 下 的 法 线 


当 勾 选 了 Create from Grayscale 后 ， 还 多 出 了 两 个 选项 一 Bumpiness 

和 Filtering 。 其 中 Bumpiness 用 于 控制 凹凸 程度 ， 而 Filtering 决 定 我 们 使 
用 哪 种 方式 来 计算 凹凸 程度 ， 它 有 两 种 选项 : 一 种 是 Smooth ， 这 使 得 
生成 后 的 法 线 纹理 会 比较 平滑 ; 另 一 种 是 Sharp ， 它 会 使 用 Sobel 滤 波 

《一 种 边缘 检测 时 使 用 的 滤波 器 ) 来 生成 法 线 。Sobel 滤 波 的 实现 非常 
简单 ， 我 们 只 需要 在 一 个 3x3 的 滤波 器 中 计算 x 和 y 方 同上 的 导数 ， 然 后 
从 中 得 到 法 线 即 可 。 具 体 方 法 是 : 对 于 高 度 图 中 的 每 个 像素 ， 我 们 考虑 
它 与 水 平方 向 和 竖 直 方向 上 的 像素 差 ， 把 它们 的 差 当成 该 点 对 应 的 法 线 
在 x 和 y 方 同上 的 位 移 ， 然 后 使 用 之 前 提 到 的 映射 函数 存储 成 到 法 线 纹 理 
的 r 和 和 g 分 量 即 可 。 





7.3 渐变 纹理 


尽管 在 一 开始 ， 我 们 在 演 染 中 使 用 纹理 是 为 了 定义 一 个 物体 的 颜 
色 ， 但 后 来 人 们 发 现 ， 弘 理 其 实 可 以 用 于 存储 任何 表面 属性 。 一 种 常见 
的 用 法 束 是 使 用 渐变 纹理 来 控制 漫 反 射 光 照 的 结果 。 在 之 前 计算 漫 反 射 
光照 时 ， 我 们 都 是 使 用 表面 法 线 和 光照 方 癌 的 点 积 结果 与 材质 的 反射 率 
相 乘 来 得 到 表面 的 漫 反 射 光 照 。 但 有 时 ， 我 们 需要 更 加 灵活 地 控制 光照 
结果 。 这 种 技术 在 游戏 《军团 要 赛 2》 (英文 名 : 《Team Fortress 2》 ) 
中 流行 起 来 ， 它 也 是 由 Valve 公司 〈 提 出 半 兰 伯 特 光照 技术 的 公司 ) 提 
出 来 的 ， 他 们 使 用 这 种 技术 来 泻 染 游戏 中 具有 插画 风格 的 角色 。Valve 
-篇 车 名 的 论文 来 专门 讲述 在 制作 《军团 要 塞 2》 时 使 用 的 技 























这 种 技术 最 初 由 Gooch 等 人 在 1998 年 他 们 发 表 的 一 篇 著名 的 论文 
《A Non-Photorealistic Lighting Model For Automatic Technical 

Ilustration》 中 被 提出 ， 在 这 篇 论文 中 ， 作 者 提出 了 一 种 基于 冷 到 暖色 
调 (cool-to-warm tones) 的 着 色 技术 ， 用 来 得 到 一 种 插画 风格 的 演 染 
效果 。 使 用 这 种 技术 ， 可 以 保证 物体 的 轮廓 线 相 比 于 之 前 使 用 的 传统 漫 
反射 光照 更 加 明显 ， 而 且 能 够 提供 多 种 色调 变化 。 而 现在 ， 很 多 卡通 风 
格 的 泻 染 中 都 使 用 了 这 种 技术 。 我 们 在 14.1 节 中 会 专门 学 习 如 何 编写 一 
个 卡通 风格 的 Unity Shader。 


在 本 市 中 ， 我 们 将 学 习 如 何 使 用 一 张 渐变 纹理 来 控制 漫 反 射 兴 照 。 
在 学 习 完 本 市 后 ， 我 们 可 以 得 到 类 似 图 7.18 中 的 效果 。 


















































4 图 7.18 ”使 用 不 同 的 渐变 纹理 控制 漫 反射 光照 ， 左 下 角 给 出 了 每 张 图 使 用 的 渐变 纹理 





可 以 看 出 ， 使 用 这 种 方式 可 以 自由 地 控制 物体 的 漫 反 里 光照 。 不 同 


的 渐变 纹理 有 不 同 的 特性 。 例 如 ， 在 左边 的 图 中 ， 我 们 使 用 一 张 从 紫色 
调 到 浅黄 色调 的 渐变 纹理 ， 而 中 间 的 图 使 用 的 渐变 纹理 则 和 《军团 要 塞 
2》 中 泻 染 人 物 使 用 的 渐变 纹理 是 类 似 的 ， 它 们 都 是 从 黑色 逐渐 向 浅 灰 
色 靠 拢 ， 而 且 中 间 的 分 界线 部 分 微微 发 红 ， 这 是 因为 画家 在 插画 中 往往 
会 任 轨 晤 处 使 用 这 样 的 色调 ; ds 重 风 格 的 
泻 染 ， 这 种 渐变 纹理 中 的 色调 通常 是 突变 的 ， 即 没有 平滑 过 渡 ， 以 此 来 
模拟 卡通 中 的 阴影 色 块 。 


为 了 实现 上 述 效果 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene 7 3。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
Gs A 在 Window -> Lighting -> Skybox 中 
去 挥 场景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


RampTextureMiat 。 








(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Unity Shader 名 为 
Chapter7-RampTexture。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 同 场 景 中 拖 忠 一 个 Suzanne 模 型 ， 并 把 第 2 步 中 的 材质 赋 给 访 
模型 。 


(5) 保存 场景 。 


2 建 的 Chapter7-RampTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 
下 修改 。 


(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 7/Ramp Texture" { 


(2) 我 们 在 Properties 语 义 块 中 声明 一 个 纹理 属性 来 存储 渐变 纹 
理 : 


Properties { 








_Color ("Color Tint", Color) = (1,1,1,1) 
_RampTex ("Ramp Tex", 2D) = "white" {} 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.06, 256)) = 26 


} 





(3) 然后 ， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 ， 并 
在 Pass 的 第 一 行 指 明了 该 Pass 的 光照 模式 : 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 








LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 
光照 流水 线 中 的 角色 。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 
片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 元 着 色 器 代码 。 我 们 使 用 加 ragma 
指令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 咒 叫 什么 名 字 。 
在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 











CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 





(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包 
含 进 Unity 的 内 置 文件 Lighting.cginc: 


#include "Lighting.cginc" 


(6) 随后 ， 我 们 需要 定义 和 Properties 中 各 个 属性 类 型 相 匹 配 的 变 





地 


fixed4 _Color; 
sampler2D RampTex; 
float4 RampTex_ST; 


fixed4 Specular; 
float Gloss; 








我 们 为 渐变 纹理 _RampTex 定 义 了 它 的 纹理 属性 变量 
_RampTIex ST。 


(7) 定义 顶点 独 色 需 的 输入 和 输出 结构 体 : 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORD®; 


}; 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD6 ; 
float3 worldPos : TEXCOORD1; 
float2 uv : TEXCOORD2; 





(8) 定义 顶点 独 色 峰 : 


vert(a2v v) { 

v2f o; 

o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
o.worldNormal = UnityObjectToWorldNormal(v.normal); 


o.worldPos = mul(_Object2World, Vv.vertex).xyz; 


O.UV = TRANSFORM TEX(v.texcoord, RampTex); 


return o; 





我 们 使 用 了 内 置 的 TRANSFORM_TEX 宏 来 计算 经 过 平 铺 和 偏 移 后 
的 纹理 坐标 。 


(9) 接 下 来 是 关键 的 片 元 着 色 器 : 


fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT .xyz; 


// Use the texture to sample the diffuse color 

fixed halfLambert = 60.5 * dot(worldNormal, worldLightDir) + 6.5; 

fixed3 diffuseColor = tex2D( RampTex, fixed2(halfLambert, halfLambert) 
).rgb * Color.rgb; 


fixed3 diffuse = LightColor.rgb * diffuseColor; 


fixed3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos)); 

fixed3 halfDir = normalize(worldLightDir + viewDir); 

fixed3 specular = LightColore.rgb * Specular.rgb * pow(max(86，dot(wo 
rldNormal, halfDir)), _Gloss); 


return fixed4(ambient + diffuse + specular, 1.0); 





在 上 面 的 代码 中 ， 我 们 使 用 6.4.3 节 中 提 到 的 半 兰 伯 特 模型 ， 通 过 对 
法 线 方向 和 光照 方向 的 点 积 做 一 次 0.5 倍 的 缩放 以 及 一 个 0.5 大 小 的 偏 移 
来 计算 半 兰 伯 特 部 分 halfLambert。 这 样 ， 我 们 得 到 的 halfLambert 的 范围 
被 映射 到 了 [0，1] 之 间 。 之 后 ， 我 们 使 用 halfLambert 来 构建 一 个 纹理 坐 
标 ， 并 用 这 个 纹理 坐标 对 渐变 纹理 _RampTex 进 行 采样 。 由 于 _RampTex 
实际 就 是 一 个 一 维 纹 理 ( 它 在 纵 轴 方向 上 颜色 不 变 ) ， 因 此 纹理 坐标 的 
u 和 v 方 向 我 们 都 使 用 了 halfLambert。 然 后 ， 把 从 渐变 纹理 采样 得 到 的 颜 
色 和 材质 颜色 _Color 相 乘 ， 得 到 最 终 的 温 反 射 颜色 。 剩 下 的 代码 就 是 计 
算 高 光 反 射 和 环境 光 ， 并 把 它们 的 结果 进行 相 加 。 相 信 读 者 已 经 对 这 些 
步骤 非常 熟悉 了 。 


(10) 最 后 ， 我 们 为 该 Unity Shader 设 置 合适 的 Fallback: 


Fallback "Specular" 


| 


保存 后 返回 场景 。 我 们 在 本 书 资源 中 提供 了 多 种 渐变 纹理 ， 如 
Ramp_Texture0.psd 和 Ramp_Texture1.psd 等 。 读 者 可 以 尝试 把 不 同 的 渐 
变 纹理 拖 忠 到 材质 面板 查看 效果 。 


需要 注意 的 是 ， 我 们 需要 把 渐变 纹理 的 Wrap Mode 设 为 Clamp 模 
式 ， 以 防止 对 纹理 进行 采样 时 由 于 浮 点 数 精度 而 造成 的 问题 。 图 7.19 给 
出 了 Wrap Mode 分 别 为 Repeat 和 Clamp 模 式 的 效果 对 比 。 


Wrap Mode: Repeat Wrap Mode: Clamp 





A 图 7.19 ”Wrap Mode 分 别 为 Repeat 和 Clamp 模 式 的 效果 对 比 


可 以 看 出 ， 左 图 〈 使 用 Repeat 模 式 ) 中 在 高 光 区 域 有 一 些 黑 点 。 这 
是 由 浮 点 精度 造成 的 ， 当 我 们 使 用 fixed2(halfLambert, halfLamberbD 对 渐 
变 纹理 进行 采样 时 ， 虽 然 理论 上 halfLambert 的 值 在 [0, 1] 之 间 ， 但 可 能 会 
有 1.000 01 这 样 的 值 出 现 。 如 果 我 们 使 用 的 是 Repeat 模 式 ， 此 时 就 会 舍 
弃 整 数 部 分 ， 只 保留 小 数 部 分 ， 得 到 的 值 就 是 0.000 01， 对 应 了 渐变 图 
中 最 左边 的 值 ， 即 黑色 。 因 此 ， 就 会 出 现 图 中 这 样 在 高 光 区 域 反 而 有 黑 
点 的 情况 。 我 们 只 需要 把 渐变 纹理 的 Wrap Mode 设 为 Clamp 模 式 就 可 以 
解决 这 种 问题 。 





7.4 遮 淖 纹理 


让 单 纹理 (mask texture) 是 本 章 要 介绍 的 最 后 一 种 纹理 ， 它 非常 
有 用 ， 在 很 多 商业 游戏 中 都 可 以 见 到 它 的 身影 。 那 么 什么 是 遮 旱 呢 ? 简 
单 来 讲 ， 遮 站 允许 我 们 可 以 保护 某 些 区 域 ， 使 它们 免 于 某 些 修改 。 例 
如 ， 在 之 前 的 实现 中 ， 我 们 都 是 把 高 光 反 射 应 用 到 模型 表面 的 所 有 地 
方 ， 即 所 有 的 像素 都 使 用 同样 大 小 的 高 光 强 度 和 高 光 指 数 。 但 有 时 ， 我 
们 和 希望 模型 表面 某 些 区 域 的 反光 强烈 一 些 ， 而 某 些 区 域 弱 一 些 。 为 了 得 
到 更 加 细 展 的 效果 ， 我 们 束 可 以 使 用 一 张 遮 旱 纹 理 来 控制 光照 。 另 一 种 
常见 的 应 用 是 在 制作 地 形 材 质 时 需要 混合 多 张 图 片 ， 例 如 表现 草地 的 纹 
理 、 表 现 石 子 的 纹理 、 表 现 裸露 土地 的 纹理 等 ， 使 用 氮 罩 纹理 可 以 控制 
如 何 混合 这 些 纹理 。 


使 用 讶 漠 纹理 的 流程 一 般 是 : 通过 采样 得 到 遮 章 纹理 的 纹 素 值 ， 然 
后 使 用 其 中 茶 个 《或 茶几 个 ) 通道 的 值 〈 例 如 texelr) 来 与 未 种 表面 属 
性 进行 相 乘 ， 这 样 ， 当 该 通道 的 值 为 0 时 ， 可 以 保护 表面 不 受 该 属性 的 
影响 。 总 而 言 之 ， 使 用 遮 尝 纹 理 可 以 让 美术 人 员 更 加 精准 《〈 像 系 级 别 ) 
地 控制 模型 表面 的 各 种 性 质 。 























7.4.1 ”实践 


在 本 节 中 ， 我 们 将 学 习 如 何 使 用 一 张 高 光 遮 单 纹理 ， 逐 像 系 地 控制 
模型 表面 的 高 光 反 射 强 度 。 图 17.20 显 示 了 只 包含 漫 反 射 、 未 使 用 遮 罩 
的 高 光 反 射 和 使 用 这 党 的 高 光 反 射 的 对 比 效果 。 


漫 反 漫 + 高 光 反 射 + 遮 音 























全 图 7.20 ”使 用 高 光 氮 日 纹理 。 从 左 到 右 ， 只 包含 漫 反 射 ， 未 使 用 遮 尝 的 高 光 反 射 ， 使 用 遮 旱 





的 高 区 反 射 


我 们 使 用 的 遍 章 纹理 如 图 7.21 所 示 。 可 以 看 出 ， 毛 日 纹理 可 以 让 我 
们 更 加 精细 地 控制 光照 细节 ， 得 到 更 细腻 的 效果 。 





全 图 7.21 本 证 使 用 的 高 光 庶 单 纹 理 








为 了 在 Unity Shader 中 实现 上 述 效 果 ， 我 们 需要 进行 如 下 准备 工 
作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_7_4。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> Lighting -> Skybox 中 
去 掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
MaskTextureMat。 








(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 
Chapter7-MaskTexture。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


， (4) 在 场景 中 创建 一 个 腕 吉 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 喜 
本 。 


(5) 保存 场景 。 


建 的 Chapter7-MaskTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 
下 修改 : 


(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 7/Mask Texture" { 








. (2) 我 们 需要 在 Properties 语 义 块 中 声明 更 多 的 变量 来 控制 高 光 反 


Properties { 
_Color ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_BumpMap ("Normal Map", 2D) = "bump" {} 
_BumpScale("Bump Scale", Float) = 1.6 
_SpecularMask ("Specular Mask", 2D) = "white" {} 


_SpecularScale ("Specular Scale", Float) = 1.6 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.06, 256)) = 26 





上 面 属性 中 的 _SpecularMask 即 是 我 们 需要 使 用 的 高 光 反 射 遮 音 纹 
理 ，_SpecularScale 则 是 用 于 控制 遮 温 影 响 度 的 系数 。 


(3) 然后， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 ， 并 
在 Pass 的 第 一 行 指明 了 该 Pass 的 光照 模式 : 


Subshader { 
Pass { 


Tags { "LightMode"="ForwardBase" } 





LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 
光照 流水 线 中 的 角色 。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 
片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 元 着 色 器 代码 。 我 们 使 用 元 ragma 
中 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 右 和 片 元 着 色 器 叫 什 么 名 字 。 
在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 











CGPROGRAM 


#pragma vertex Vert 


#pragma fragment frag 





(5) 为 了 使 用 Unity 内 置 的 一 些 变 量 ， 如 _LightColor0， 还 需要 包 
含 进 Unity 的 内 置 文件 Lighting.cginc: 


#include "Lighting.cginc" 


(6) 随后 ， 我 们 需要 定义 和 Properties 中 各 个 属性 类 型 相 匹 配 的 变 





地 


fixed4 _Color; 
sampler2D MainTex; 
float4 MainTex_ST; 
sampler2D BumpMap; 
float BumpScale; 


sampler2D SpecularMask; 
float SpecularScale; 
fixed4 Specular; 

float Gloss; 





我 们 为 主 纹理 _MainTex、 法 线 纹理 _BumpMap 和 遮 量 纹理 
_SpecularMask 定 义 了 它们 共同 使 用 的 纹理 属性 变量 _MainTex_ST。 这 意 
味 着 ， 在 材质 面板 中 修改 主 纹 理 的 平 铺 系 数 和 偏 移 系数 会 同时 影响 3 个 
纹理 的 采样 。 使 用 这 种 方式 可 以 让 我 们 节省 需要 存储 的 纹理 坐标 数目 ， 
如 果 我 们 为 每 一 个 纹理 都 使 用 一 个 单独 的 属性 变量 TextureName_ST， 那 
么 随 着 使 用 的 纹理 数目 的 增加 ， 我 们 会 迅速 占 满 项 点 着 色 器 中 可 以 使 用 
的 插值 寄存 器 。 而 很 多 时 候 ， 我 们 不 需要 对 纹理 进行 平 铺 和 位 移 操 作 ， 
或 者 很 多 纹理 可 以 使 用 同一 种 平 铺 和 位 移 操 作 ， 此 时 我 们 就 可 以 对 这 些 
纹理 使 用 同一 个 变换 后 的 纹理 坐标 进行 采样 。 


(7) 定义 顶点 着 色 器 的 输入 和 输出 结构 体 : 





struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 tangent : TANGENT ; 
float4 texcoord : TEXCOORD96 ; 


}; 


struct v2f { 
float4 pos : SV_POSITION; 
float2 uv : TEXCOORD6 ; 
float3 lightDir: TEXCOORD1; 
float3 viewDir : TEXCOORD2; 
}; 





(8) 在 顶点 着 色 嚣 中， 我 们 对 光照 方向 和 视角 方向 进行 了 坐标 空 
间 的 变换 ， 把 它们 从 模型 空间 变换 到 了 切线 空间 中 ， 以 便 在 片 元 着 色 器 
中 和 法 线 进行 光照 运算 : 





v2f vert(a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV.Xy = Vv.texcoord.xy * MainTex_ ST.xy + MainTex_ST.zw; 
TANGENT_SPACE_ROTATION; 
o.lightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz; 


o.viewDir = mul(rotation, ObjSpaceViewDir(v.vertex)).xyz; 


return o; 





(9) 使 用 遮 旱 纹 理 的 地 方 是 片 元 着 色 器 。 我 们 使 用 它 来 控制 模型 
表面 的 高 光 反 射 强 度 : 


fixed4 frag(v2f i) : SV_Target { 
fixed3 tangentLightDir = normalize(i.lightDir); 
fixed3 tangentViewDir = normalize(i.viewDir); 


fixed3 tangentNormal = UnpackNormal(tex2D(_ BumpMap, i.uv)); 
tangentNormal.xy *= _BumpScale; 


tangentNormal.z = sqrt(1.6 - saturate(dot(tangentNormal.xy, tangentNor 
‘XYy))); 


fixed3 albedo = tex2D( MainTex, i.uv).rgb * Color.rgb; 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColore.rgb * albedo * max(0, dot(tangentNormal, 
tangentLightDir)); 


fixed3 halfDir = normalize(tangentLightDir + tangentViewDir); 

// Get the mask value 

fixed specularMask = tex2D( SpecularMask, i.uv).r * SpecularScale; 

// Compute specular term with the specular mask 

fixed3 specular = LightColore.rgb * Specular.rgb * pow(max(86，dot(ta 
ngentNormal, halfDir)), _Gloss) * specularMask 


return fixed4(ambient + diffuse + specular, 1.0); 





环境 光照 和 漫 反 射 苑 照 和 之 前 使 用 过 的 代码 完全 一 样 。 在 计算 高 光 
反射 时 ， 我 们 首先 对 距 旱 纹理 _SpecularMask 进 行 采 样 。 由 于 本 书 使 用 
的 遮 时 纹理 中 每 个 纹 素 的 rgb 分 量 其 实 都 是 一 样 的 ， 表 明了 该 点 对 应 的 
高 光 反 射 强度 ， 在 这 里 我 们 选择 使 用 tr 分 量 来 计算 掩 码 值 。 然后 ， 我 们 
用 得 到 的 掩 码 值 和 _SpecularScale 相 乘 ， 一 起 来 控制 高 光 反 射 的 强度 。 


需要 说 明 的 是 ， 我 们 使 用 的 这 张 遮 日 纹理 其 实 有 很 多 空间 被 浪费 
了 一 一 它 的 rgb 分 量 存储 的 都 是 同一 个 值 。 在 实际 的 游戏 制作 中 ， 我 们 











往往 会 Re 
我 们 会 在 7.4.2 市 中 介绍 这 样 一 个 例子 。 


(10) 最 后 ， 我 们 为 该 Unity Shader 设 置 了 合适 的 Fallback: 


Fallback "Specular" 


7.4.2 ”其 他 遮 晕 纹理 


在 真实 的 游戏 制作 过 程 中 ， 和 让 日 纹 理 已 经 不 止 限于 保护 某 些 区 域 使 
它们 免 于 菏 些 修改 ， 而 是 可 以 存储 任何 我 们 希望 逐 像 系 控制 的 表面 属 
性 。 通 常 ， 我 们 会 充分 利用 一 张 纹 理 的 RGBA 四 个 通道 ， 用 于 存储 不 同 
的 属性 。 例 如 ， 我 们 可 以 把 高 光 反 射 的 强度 存储 在 R 通 道 ， 把 边缘 光照 
的 强度 存储 在 G 通 道 ， 把 高 光 反 射 的 指数 部 分 存储 在 B 通 道 ， 最 后 把 目 
发 光 强 度 存 储 在 A 通 道 


在 游戏 《DOTA 2》 的 开发 中 ， 开 发 人 员 为 每 个 模型 使 用 了 4 张 纹 
理 : 一 张 用 于 定义 模型 颜色 ,一 张 用 于 定义 表面 法 线 ， 男 外 两 张 则 都 是 
遮 音 纹理。 这样， 两 张 让 单 纹理 提供 了 共 8 种 额外 的 表面 属性 ， 这 使 得 
游戏 中 的 人 物 材 质 目 由 度 很 强 ， 可 以 文 持 很 多 高 级 的 模型 属性 。 读 者 可 
以 在 他 们 的 官网 上 找到 关于 《DOTA 2》 的 更 加 详细 的 制作 资料 ， 包 括 
游戏 中 的 人 物 模 型 、 纹 理 以 及 制作 手册 等 。 这 是 非常 好 的 学 习 资料 。 

















第 8 章 ” 透 明 效 果 


透明 是 游戏 中 经 常 要 使 用 的 一 种 效果 。 在 实时 演 染 中 要 实现 透明 效 
果 ， 通 常会 在 演 染 模型 时 控制 它 的 透明 通道 (Alpha Channel) 。 当 开 
局 透明 混合 后 ， 当 一 个 物体 被 演 染 到 屏幕 上 时 ， 每 个 片 元 除了 颜色 值 和 
深度 值 之 外 ， 它 还 有 男 一 个 属性 一 一 透明 度 。 当 透明 度 为 1 时 ， 表 示 该 
像素 是 完全 不 透明 的 ， 而 当 其 为 0 时 ， 则 表示 该 像素 完全 不 会 显示 。 


在 Unity 中 ， 我 们 通常 使 用 两 种 方法 来 实现 透明 效果 : 第 一 种 是 使 
用 透明 上 度 测试 (Alpha Test) ， 这 种 方法 其 实 无 法 得 到 真正 的 半 透 明 效 
果 ; 男 一 种 是 透明 度 泥 合 (Alpha Blending) 。 


在 之 前 的 学 习 中 ， 我 们 从 没有 强调 过 演 染 顺序 的 问题 。 也 就 是 说 ， 
当场 景 中 包含 很 多 模型 时 ， 我 们 并 没有 考虑 是 先 泻 染 A， 再 演 染 B， 最 
后 再 泻 染 C， 还 是 按照 其 他 的 顺序 来 泻 染 。 事 实 上 ， 对 于 不 透明 
(opaqgue) 物体 ， 不 考虑 它们 的 泻 染 顺序 也 能 得 到 正确 的 排序 效果 ， 这 
是 由 于 强大 的 深度 缓冲 (depth buffer， 也 被 称 为 z-buffer) 的 存在 。 在 实 
时 演 染 中 ， 深 度 缓 冲 是 用 于 解决 可 见 性 〈visibility) 问题 的 ， 它 可 以 决 
定 哪个 物体 的 哪些 部 分 会 被 泻 染 在 前 面 ， 而 哪些 部 分 会 被 其 他 物体 遮 
挡 。 它 的 基本 思想 是 : 根据 深度 绥 存 中 的 值 来 判断 该 厂 元 距离 摄像 机 的 
距离 ， 当 痊 染 一 个 片 元 时 ， 需 要 把 它 的 深度 值 和 已 经 存在 于 深度 绥 冲 中 
的 值 进行 比较 〈 如 果 开 局 了 深度 测试 ) ， 如 果 它 的 值 距离 摄像 机 更 远 ， 
那么 说 明 这 个 片 元 不 应 该 被 泻 染 到 屏幕 上 (有 物体 挡住 了 它 ); 否则 ， 
这 个 片 元 应 该 覆盖 掉 此 时 颜色 缓冲 中 的 像素 值 ， 并 把 它 的 深度 值 更 新 到 
深度 缓冲 中 《如果 开 局 了 深度 写 入 ) 。 


使 用 深 友 缓冲， 可 以 让 我 们 不 用 关心 不 透明 物体 的 泻 染 顺 序 ， 例 如 
A 挡 住 B， 即 便 我 们 先 演 染 A 再 泻 染 B 也 不 用 担心 B 会 遮盖 掉 A， 因 为 在 进 
行 深度 测试 时 会 判断 出 B 距 离 摄 像 机 更 远 ， 也 就 不 会 写 入 到 颜色 缓冲 
中 。 但 如 果 想 要 实现 透明 效果 ， 事 情 就 不 那么 简单 了 ， 这 是 因为 ， 当 使 
用 透明 度 混 合 时 ， 我 们 关闭 了 深度 写 入 〈ZWrite) 。 


简单 来 说 ， 透 明度 测试 和 透明 度 混 合 的 基本 原理 如 下 。 


。 透明 度 测 试 : 它 采 用 一 种 “霸道 极端 ?的 机 制 ， 只 要 一 个 片 元 的 透 





























明度 不 满足 条 件 《〈 通 党 是 小 于 茶 个 国 值 )》， 那 么 它 对 应 的 片 元 就 会 
被 舍弃 。 被 舍弃 的 片 元 将 不 会 再 进行 任何 处 理 ， 也 不 会 对 颜色 绥 冲 
产生 任何 影响 ， 耕 则 ， 残 会 按照 普通 的 不 透明 物体 的 处 理 方式 来 处 
理 它 ， 即 进行 深度 测试 、 深 度 写 入 等 。 也 就 是 说 ， 透 明度 测试 是 不 
需要 关闭 深度 写 入 的 ， 它 和 其 他 不 透明 物体 最 大 的 不 同 束 是 它 会 根 
据 透 明度 来 舍弃 一 些 片 元 。 虽 然 简单 ， 但 是 它 产 生 的 效果 也 很 极 

那样 。 

透明 度 混合 : 这 种 方法 可 以 得 到 真正 的 半 透 明 效 果 。 它 会 使 用 当 
前 片 元 的 透明 度 作 为 混合 因子 ， 与 已 经 存储 在 颜色 绥 冲 中 的 颜色 值 
进行 混合 ， 得 到 新 的 颜色 。 但 是 ， 透 明度 混合 需要 关闭 深度 写 入 

(我 们 下 面 会 讲 为 什么 需要 关闭 ) ， 这 使 得 我 们 要 非常 小 心 物 体 的 
泻 染 顺 序 。 需 要 注意 的 是 ， 透 明度 混合 只 关闭 了 深度 号 入 ， 但 没有 
关闭 深 度 测试 。 这 意味 者 ， 当 使 用 透明 度 混 合演 染 一 个 片 元 时 ， 还 
是 会 比较 它 的 深度 值 与 当前 深度 缓冲 中 的 深度 值 ， 如 果 它 的 深度 值 
距离 摄像 机 更 远 ， 那 么 就 不 会 再 进行 混合 操作 。 这 一 点 决定 了 ， 当 
一 个 不 透明 物体 出 现在 一 个 透明 物体 的 前 面 ， 而 我 们 先 泻 染 了 不 透 
明 物 体 ， 它 仍然 可 以 正 常 地 遍 挡 住 透明 物体 。 也 束 是 说 ， 对 于 透明 
度 混 合 来 说 ， 深 度 缓冲 是 只 该 的 。 



































8.1 为 什么 泻 染 顺序 很 重要 


前 面 说 到 ， 对 于 透明 度 混 合 搁 术 ， 需 要 关闭 深度 写 入 ， 此 时 我 们 就 
需要 小 心 处 理 透 明 物 体 的 泻 染 顺 序 。 那 么 ， 我 们 为 什么 要 关闭 深度 写 入 
昵 ? 如 果 不 关 闭 深 度 写 入 ， 一 个 半 透 明 表 面 背 后 的 表面 本 来 是 可 以 透 过 
它 被 我 们 看 到 的 ， 但 由 于 深度 测试 时 判断 结果 是 该 半 透 明 表 面 距离 摄像 
机 更 近 ， 导 致 后 面 的 表面 将 会 被 剔除 ， 我 们 也 就 无 法 透 过 半 透 明 表 面 看 
到 后 面 的 物体 了 。 但 是 ， 我 们 由 此 就 破坏 了 深度 缓冲 的 工作 机 制 ， 而 这 
是 一 个 非常 非常 非常 〈 重 要 的 事情 要 讲 3 遍 ) 糟糕 的 事情 ， 尺 管 我 们 不 
得 不 这 样 做 。 关 闭 深 度 写 入 导致 泻 染 顺序 将 变 得 非常 重要 。 


我 们 来 考虑 最 简单 的 情况 。 假 设 场景 里 有 两 个 物体 A 和 B， 如 图 8.1 
所 示 ， 其 中 A 是 半 透 明 物 体 ， 而 B 是 不 透明 物体 。 


我 们 来 考虑 不 同 的 演 染 顺序 会 有 什么 结 


第 一 种 情况 ， 我 们 先 演 染 B， 再 泻 染 A。 那 么 由 于 不 透明 物体 开启 
了 深度 测试 和 深度 写 入 ， 而 此 时 深度 组 六 中 没有 任何 有 效 数 据 ， 因 
此 B 首 先 会 写 入 颜色 缓冲 和 深度 缓冲 。 随 后 我 们 演 染 A， 透 明 物 体 
仍然 会 进行 深度 测试 ， 因 此 我 们 发 现 和 B 相 比 A 距 离 摄 像 机 更 近 ， 
因此 ， 我 们 会 使 用 A 的 透明 度 来 和 颜色 缓冲 中 的 B 的 颜色 进行 混 
合 ， 得 到 正确 的 半 透 明 效 果 。 

第 二 种 情况 ， 我 们 先 演 染 A， 再 演 染 B。 演 染 A 时 ， 深 度 缓冲 区 中 没 
有 任何 有 效 数 据 ， 因 此 A 直 接 写 入 颜色 缓冲 ， 但 由 于 对 半 透 明 物 体 
关闭 了 深度 写 入 ， 因 此 A 不 会 修改 深度 缓冲 。 等 到 演 染 B 时 ，B 会 进 
行 深 度 测 试 ， 它 发 现 ，“ 吴 ， 深 度 缓存 中 还 没有 人 来 过 ， 那 我 就 放 
心地 写 入 颜色 缓冲 了 ! ”， 结 果 就 是 B 会 直接 替 新 A 的 颜色 。 从 视觉 
上 来 看 ，B 就 出 现在 了 A 的 前 面 ， 而 这 是 错误 的 。 


从 这 个 例子 可 以 看 出 ， 当 关闭 了 深度 写 入 后 ， 演 染 顺序 是 多 么 重 
要 。 由 此 我 们 知道 ， 0 守之 后 再 消 染 透明 和 
体 。 那 么 ， 如 果 都 是 半 透 明 物 体 ， 泻 染 顺序 还 重要 吗 ? 答案 是 肯定 的 。 
朱 是 信 汤 芝 时 有 丙 个 物体 A 有 B， 加 82 所 未， 其 中 可 有 和 
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A 图 8.1 场景 中 有 两 个 物体 ， 其 中 A《〈 黄 色 ) 是 半 透 明 物体 ，B 〈 紫 色 ) 是 不 透明 物体 
| | 
| | 
4 图 8.2 场景 中 有 两 个 物体 ， 其 中 A 和 B 都 是 半 透 明 物 体 


我 们 还 是 考虑 不 同 的 泻 染 顺 序 有 什么 不 同 结果 。 


。 第 一 种 情况 ， 我 们 先 演 染 B， 再 泻 染 A。 那 么 B 会 正常 写 入 颜色 组 
UT i 合 ， 得 到 正确 的 半 透 明 
多 

。 第 二 种 情况 ， 我 们 先 泻 染 A， 再 泻 染 B。 那 么 A 会 先 写 入 颜色 缓冲 ， 
随后 B 会 和 颜色 缓冲 中 的 A 进 行 混 合 ， 这 样 混合 结果 会 完全 反 过 


来 ， 看 起 来 就 好 像 B 在 A 的 前 面 ， 得 到 的 就 是 错误 的 半 透 明 结构 。 























从 这 个 例子 可 以 看 出 ， 半 透明 物体 之 间 也 是 要 符合 一 定 的 泻 染 顺 序 
0 





基于 这 两 点 ， 演 染 引 擎 一 般 都 会 先 对 物体 进行 排序 ， 再 演 染 。 第 用 
的 方法 是 。 


(1) 移 泻 染 所 有 不 透明 物体 ， 并 开局 它们 的 深度 测试 和 深度 写 
人 


(2) 把 半 透 明 物 体 按 它 们 距离 摄像 机 的 远近 进行 排序 ， 然 后 按照 
人 
深度 写 入 。 


那么 ， 问 题 都 解决 了 吗 ? 不 辛 的 是 ， 仍 然 没 有 。 在 一 些 情况 下 ， 半 
透明 物体 还 是 会 出 现 *“ 罕 帮 镜 头 ”。 如 有 果 我 们 仔细 想 想 的 话 ， 上 面 给 出 的 
第 2 步 中 泻 染 顺序 仍然 是 含糊 不 清 的 一 一 “ 按 它 们 距离 摄像 机 的 远近 进行 
排序 ”， 那么 它们 距离 摄像 机 的 远近 是 如 何 决 定 的 呢 ? 读者 可 能 会 马上 
脱口 而 出 ，“ 束 是 距离 摄像 的 深 展 值 嘛 ! ”但 是 ， 深 度 缓冲 中 的 值 其 实 是 
像素 级 别 的 ， 即 每 个 像素 有 一 个 深度 值 ， 但 是 现在 我 们 对 单个 物体 级 别 
进行 排序 ， 这 意味 大 排 序 结果 是 ， 要 么 物体 A 全 部 在 B 前 面 泻 染 ， 要 么 A 
全 部 在 B 后 面 渲染 。 但 如 果 存 在 循环 重合 的 情况 ， 那 么 使 用 这 种 方法 惑 
永远 无 法 得 到 正确 的 结果 。 图 8.3 给 出 了 3 个 物体 循环 重 登 的 情况 。 


在 图 8.3 中 ， 由 于 3 个 物体 互相 重 有 合 ， 我 们 不 可 能 得 到 一 个 正确 的 排 
序 顺 序 。 这 种 时 候 ， 我 们 可 以 选择 把 物体 拆 分 成 两 个 部 分 ， 然 后 再 进行 
正确 的 排序 。 但 即便 我 们 通过 分 割 的 方法 解决 了 循环 履 盖 的 问题 ， 还 是 
会 有 其 他 的 情况 来 ”捣乱 ”>。 考 虑 图 8.4 给 出 的 情况 。 


























4 图 8.3 ”循环 重 登 的 半 透 明 物 体 总 是 无 法 得 到 正确 的 半 透 明 效 果 
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A 图 8.4 ”使 用 哪个 深度 对 物体 进行 排序 。 红 色 点 分 别 标明 了 网 格 上 距离 摄像 机 最 近 的 点 、 最 远 





的 点 以 及 网 格 中 点 


这 里 的 问题 是 : 如 何 排序 ? 我 们 知道 ， 一 个 物体 的 网 格 结构 往往 占 
据 了 空间 中 的 傈 一 块 区 域 ， 也 就 是 说 ， 这 个 网 格 上 每 一 个 点 的 深 展 值 可 
能 都 是 不 一 样 的 ， 我 们 选择 哪个 深度 值 来 作为 整个 物体 的 深 尾 值 和 其 他 
物体 进行 排序 呢 ? 是 网 格 中 点 吗 ? 还 是 最 远 的 点 ?还 是 最 近 的 点 ? 不 入 
的 是 ， 对 于 图 8.4 中 的 情况 ， 选 择 哪 个 深度 值 都 会 得 到 错误 的 结 末 ， 我 
们 的 排序 结果 总 是 A 在 B 的 前 面 ， 但 实际 上 A 有 一 部 分 被 B 遮 挡 了 。 这 也 
意味 痢 ， 一 旦 选 定 了 一 种 判断 方式 后 ， 在 某 些 情况 下 半 透 明 物 体 之 间 一 
定 会 出 现 错误 的 诞 挡 问 题 。 这 种 问题 的 解决 方法 通 凋 也 是 分 割 网 格 。 


尽管 结论 是 ， 总 是 会 有 一 些 情 况 打 乱 我 们 的 阵脚 ， 但 由 于 上 述 方法 
足够 有 效 并 且 容 易 实 现 ， 因 此 大 多 数 游 戏 引擎 都 使 用 了 这 样 的 方法 。 为 
了 减少 错误 排序 的 情况 ， 我 们 可 以 尽 可 能 让 模型 是 是 面体 ， 并 且 考 虑 将 
复 洒 的 模型 拆 分 成 可 以 独立 排 夺 的 多 个 子 模型 等 。 其 实 束 算 排序 错误 结 
果 有 时 也 不 会 非常 糟糕 ， 如 果 我 们 不 想 分 割 网 格 ， 可 以 斌 着 让 透明 通道 
更 加 杀 和 ， 使 穿插 看 起 来 并 不 是 那么 明显 。 我 们 也 可 以 使 用 开局 了 深 太 
写 入 的 半 透 明 效果 来 近似 模拟 物体 的 半 透 明 《〈 详 见 8.5 节 ) 。 


下 面 ， 我 们 就 来 看 一 下 Unity 是 如 何 解决 排序 问题 的 。 


























8.2 Unity Shader 的 演 染 顺序 


Unity 为 了 解决 泻 染 顺序 的 问题 提供 了 泻 染 队列 (render queue) 
这 一 解决 方案 。 我 们 可 以 使 用 SubShader 的 Queue 标签 来 决定 我 们 的 模 
型 将 归于 哪个 泻 染 队 列 。Unity 在 内 部 使 用 一 系列 整数 索引 来 表示 每 个 
泻 染 队列 ， 且 索引 号 越 小 表示 越 早 被 演 染 。 在 Unity 5 中 ，Unity 提 前 定 
义 了 5 个 泻 染 队 列 ( 与 Unity 5 之 前 的 版 本 相 比 多 了 一 个 AlphaTest 泻 染 队 
列 ) ， 当 然 在 每 个 队列 中 间 我 们 可 以 使 用 其 他 队列 。 表 8.1 给 出 了 这 5 个 
提前 定义 的 演 染 队列 以 及 它们 的 摘 述 。 


表 8.1 Unity 提 前 定义 的 5 个 泻 染 队列 


Backaround | 1000 | 这 个 演 染 队列 会 在 任何 其 他 队列 之 前 被 泻 染 ， 我 们 通常 使 用 该 队 
列 来 演 染 那些 需要 绘制 在 背景 上 的 物体 


A 大 多 数 物 体 都 使 用 这 个 队列 。 不 透明 物体 使 用 













































































染 它们 会 更 加 高 效 


需要 透明 度 测试 的 物体 使 用 这 个 队列 。 在 Unity 5 中 它 从 Geometry 
AlphaTest 队列 中 被 单独 分 出 来 ， 这 是 因为 在 所 有 不 透明 物体 泻 染 之 后 再 泻 























了 深度 写 入 的 Shader) 的 物体 都 应 该 使 用 该 队列 





这 个 队列 中 的 物体 会 在 所 有 Geometry 和 AlphaTest 物 体 演 染 后 ， 再 
Transparent 按 从 后 往 前 的 顺序 进行 泻 染 。 任 何 使 用 了 透明 度 混 合 ( 例 如 关闭 





ee 该 队列 用 于 实现 一 些 又 加 效果 。 任 何 需要 在 最 后 泻 染 的 物体 都 应 
了 该 使 用 该 队列 


因此 ， 如 宋 我 们 想 要 通过 透明 度 汕 试 实 现 透 明 效 末 ， 代 码 中 应 该 包 
含 类 似 下 面 的 代码 : 


Subshader { 
Tags { "Queue"="AlphaTest" } 
Pass { 


} 





如 果 我 们 想 要 通过 透明 度 混 合 来 实现 透明 效果 ， 代 码 中 应 该 包含 类 
似 下 面 的 代码 : 


SubShader { 
Tags { "Queue"="Transparent" } 
Pass { 
ZWrite Off 








其 中 ，ZWrite Off 用 于 关闭 深度 写 入 ， 在 这 里 我 们 选择 把 它 写 在 
Pass 中 。 我 们 也 可 以 把 它 写 在 SubShader 中 ， 这 意味 着 该 SubShader 下 的 
所 有 Pass 都 会 关闭 深度 写 入 。 


8.3 透明度 测试 


我 们 来 看 一 下 如 何在 Unity 中 实现 透明 度 测 试 的 效果 。 在 上 面 我 们 
已 经 知道 了 透明 度 测 试 的 工作 原理 。 


透明 度 测 试 : 只 要 一 个 片 元 的 透明 度 不 满足 条 件 (通常 是 小 于 某 
个 交 值 ) ， 那 么 它 对 应 的 片 元 就 会 被 舍弃 。 被 舍弃 的 片 元 将 不 会 再 进行 
任何 处 理 ， 也 不 会 对 颜色 缓冲 产生 任何 影响 ， 人 否则 ， 就 会 按照 普通 的 不 
透明 物体 的 处 理 方 式 来 处 理 它 。 


通常 ， 我 们 会 在 片 元 着 色 器 中 使 用 dlip 函 数 来 进行 透明 度 测试 。clip 
古 Cg 中 的 一 个 函数 ， 它 的 定义 如 下 。 








函数 : void clip(float4 x); void clip(float3 x); void clip(float2 x); void 
clip(floatl x); void clip(float x); 


参数 : 裁 蚤 时 使 用 的 标量 或 天 量 条 件 。 


描述 : 如 果 给 定 参 数 的 任何 一 个 分 量 古 负数 ， 束 会 舍 莽 当前 像素 
的 输出 颜色 。 它 等 同 于 下 面 的 代码 : 


void clip(float4 x) 


if (any(x &lt; 6)) 
discard; 





在 本 中 ， 我 们 使 用 图 8.5 中 的 半 透 明 纹 理 来 实现 透明 度 测试 。 在 
本 书 资源 中 ， 该 纹理 名 为 transparent_texture.psd。 该 透明 纹理 在 不 同 区 
域 的 透明 度 也 不 同 ， 我 们 通过 它 来 得 看 透明 度 测 试 的 效果 。 


在 学 习 完 本 市 后 ， 我 们 可 以 得 到 类 似 图 8.6 中 的 效果 。 








A 图 8.5 一 张 透明 纹理 ， 其 中 每 个 方 格 的 透明 度 都 不 同 
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4 图 8.6 ”透明 度 测 试 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene _ 8 3。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 内 置 的 天 空 合子。 在 Window -> Lighting -> Skybox 中 
去 掉 场 景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaTestMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 
Chapter8-AlphaTest。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 
创建 一 个 平面 ， 使 得 平面 位 于 立方 体 下 面 。 


(5) 保存 场景 。 











打开 新 建 的 Chapter8-AlphaTest， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修 
(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 8/Alpha Test" { 


(2) 为 了 在 材质 面板 中 控制 透明 上 度 测 试 时 使 用 的 阐 值 ， 我 们 在 
Properties 语 义 块 中 声明 一 个 范围 在 [0, 1] 之 间 的 属性 _Cutoff: 


Properties { 
_Color ("Main Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_Cutoff ("Alpha Cutoff", Range(60, 1)) = 6.5 


} 





_Cutoff 参 数 用 于 决定 我 们 调用 clip 进 行 透明 度 测试 时 使 用 的 判断 条 
件 。 它 的 范围 是 [0，1]， 这 是 因为 纹理 像素 的 透明 度 就 是 在 此 范围 内 。 


(3) 然后 ， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 : 


Subshader { 
Tags {"Queue"="AlphaTest" "IgnoreProjector"="True" "RenderType"= "Trans 
parentCutout"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 





我 们 在 8.2 节 中 己 经 知道 演 染 顺序 的 重要 性 ， 并 且 知 道 在 Unity 中 透 
明度 测试 使 用 的 泻 染 队列 是 名 为 AlphaTest 的 队列 ， 因 此 我 们 需要 把 
Queue 标 签 设置 为 AlphaTest。 而 RenderType 标 签 可 以 让 Unity 把 这 个 
Shader 归 入 到 提前 定义 的 组 (这 里 就 是 TransparentCutout 组 中， 以 指 
明 该 Shader 是 一 个 使 用 了 透明 度 测试 的 Shader。RenderType 标 和 俭 通 单 被 
用 于 着 色 器 替换 功能 。 我 们 还 把 IgnoreProjector 设 置 为 True， 这 意味 着 这 
个 Shader 不 会 受到 投影 器 〈Projectors) 的 影响 。 通 常 ， 使 用 了 透明 度 测 


试 的 Shader 都 应 该 在 SubShader 中 设置 这 三 个 标签 。 最 后 ，LightMode 标 
签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角 
色 。 只 有 定义 了 正确 的 LightMode， 我 们 才能 正确 得 到 一 些 Unity 的 内 置 
光照 变量 ， 例 如 _LightColor0。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 
片 ， 来 定义 最 重要 的 顶点 着 色 器 和 片 元 着 色 器 代码 。 首 先 ， 我 们 使 用 
#pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什么 
名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 








CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 





(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包 
舍 进 Unity 的 内 置 文件 Lighting.cginc: 


#include "Lighting.cginc" 


(6) 为 了 和 Properties 语 义 块 中 声明 的 属性 建立 联系 ， 我 们 需要 定 
义 和 各 个 属性 类 型 相 匹 配 的 变量 : 





fixed4 Color; 
sampler2D MainTex; 
float4 MainTex_ST; 


fixed Cutoff; 





由 于 _Cutoff 的 范围 在 [0, 1， 因此 我 们 可 以 使 用 fixed 精 上 度 来 存储 
人 

(7) 然后， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 ， 接 着 定 
义 顶点 着 色 器 : 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORD®; 


}; 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD®; 
float3 worldPos : TEXCOORD1; 
float2 uv : TEXCOORD2; 


vert(a2v v) { 

v2f 0o; 

o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
o.worldNormal = UnityObjectToWorldNormal(v.normal); 
o.worldPos = mul(_Object2World, v.vertex).xyz; 


O.UV = TRANSFORM TEX(v.texcoord, MainTex); 


return o; 





上 面 的 代码 我 们 已 经 见 到 过 很 多 次 了 ， 我 们 在 顶点 着 色 占 计算 出 世 
oR 
元 着 色 右 。 


(8) 最 重要 的 透明 度 测 试 的 代码 在 片 元 着 色 器 中 : 





fixed4 frag(v2f i) : SV_ Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 


fixed4 texColor = tex2D( MainTex, i.uv); 


// Alpha test 

clip (texColor.a - _Cutoff); 

// Equal to 
// if ((texColor.a - Cutoff) < 6.9) { 
// discard; 


fixed3 albedo = texColor.rgb * _Color.rgb; 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColore.rgb * albedo * max(@, dot(worldNormal, w 
orldLightDir)); 


return fixed4(ambient + diffuse, 1.0); 
} 





前 面 我 们 已 经 提 到 过 dlip 函 数 的 定义 ， 它 会 判断 它 的 参数 ， 即 
texColor.a - _Cutoff 是 否 为 负数 ， 如 果 是 束 会 舍弃 该 片 元 的 输出 。 也 就 是 
说 ， 当 texColor.a 小 于 材质 参数 _Cutoff 时 ， 该 片 元 就 会 产生 完全 透明 的 
效果 。 使 用 clip 函 数 等 同 于 先 判断 参数 是 否 小 于 零 ， 如 果 是 就 使 用 
discard 指 令 来 显 式 剔 除 该 片 元 。 后 面 的 代码 和 之 前 使 用 过 的 完全 一 样 ， 
我 们 计算 得 到 环境 光照 和 漫 反 射 光 照 ， 把 它们 相 加 后 再 进行 输出 。 


(9) 最 后 ， 我 们 需要 为 这 个 Unity Shader 设 置 合适 的 Fallback: 


Fallback "Transparent/Cutout/VertexLit" 


和 之 前 使 用 的 Diffuse 和 Specular 不 同 ， 这 次 我 们 使 用 内 置 的 
Transparent/Cutout/VertexLit 来 作为 回调 Shader。 这 不 仅 能 够 保证 在 我 们 
编写 的 SubShader 无 法 在 当前 显卡 上 工作 时 可 以 有 合 适 的 代 莅 Shader， 还 
可 以 保证 使 用 透明 度 测试 的 物体 可 以 正确 地 回 其 他 物体 投射 阴影 ， 有 具体 
原理 可 以 参见 9.4.5 市 。 


材质 面板 中 的 Alpha cutoff 参 数 用 于 调整 透明 度 测 试 时 使 用 的 阔 值 ， 
当 纹 理 像 素 的 透明 度 小 于 该 值 时 ， 对 应 的 片 元 就 会 被 舍弃 。 当 我 们 逐渐 
调 大 该 值 时 ， 立 方 体 上 的 网 格 会 逐渐 消失 ， 如 图 8.7 所 示 。 
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图 8.7 ” 随 着 Alpha cutoff 参 数 的 增 大 ， 更 多 的 像素 由 于 不 满足 透明 度 测试 条 件 而 被 别 除 





> 








从 图 8.6 和 图 8.7 可 以 看 出 ， 透 明度 测试 得 到 的 透明 效果 很 “ 极 

么 完全 透明 ， 要 么 完全 不 透明 ， 它 的 效果 往往 像 在 一 个 不 透 
明 物 体 上 摊 了 让 空 消 ， 而 且 ， 得 到 的 透明 效果 在 边缘 处 往往 参差 不 

齐 ， 有 饥 齿 ， 这 是 因为 在 边界 处 纹理 的 透明 度 的 变化 精度 问题 。 为 了 得 
到 更 加 柔滑 的 透明 效果 ， 残 可 以 使 用 透明 度 混 合 。 














8.4 透明 度 混 合 


透明 度 混 合 的 实现 要 比 透 明度 测试 复杂 一 些 ， 这 是 因为 我 们 在 处 理 
透明 度 测 试 时 ， 实 际 上 跟 对 竺 普通 的 不 透明 物体 几乎 是 一 样 的 ， 只 是 在 
片 元 独 色 融 中 增加 了 对 透明 度 判断 并 裁 勇 片 元 的 代码 。 而 想 要 实现 透明 
度 混 合 就 没有 这 么 简单 了 。 我 们 回顾 之 前 提 到 的 透明 度 混 合 的 原理 : 


透明 度 混 合 : 这 种 方法 可 以 得 到 真正 的 半 透 明 效 果 。 它 会 使 用 当 
前 片 元 的 透明 度 作 为 混合 因子 ， 与 已 经 存储 在 颜色 缓冲 中 的 颜色 值 进 行 
混合 ， 得 到 新 的 颜色 。 但 是 ， 透 明度 混合 需要 关闭 深度 写 入 ， 这 使 得 我 
们 要 非常 小 心 物体 的 泻 染 顺序 。 

为 了 进行 混合 ， 我 们 需要 使 用 Unity 提 供 的 混合 命令 一 一 Blend。 
Blend 是 Unity 提 供 的 设置 混合 模式 的 命令 。 想 要 实现 半 透 明 的 效果 就 需 
要 把 当前 自身 的 颜色 和 已 经 存在 于 颜色 缓冲 中 的 颜色 值 进行 混合 ， 混 合 
时 使 用 的 函数 就 是 由 该 指令 决定 的 。 表 8.2 给 出 了 Blend 命 令 的 语义 。 


表 8.2 ”ShaderLab 的 Blend 命 令 


Blend Off 关闭 混合 


开 司 混合 ， 并 设置 混合 因子 。 源 颜色 《该 刻 元 产生 的 颜色 ) 会 乘 
以 SrcFactor， 而 目标 颜色 《〈 已 经 存在 于 颜色 缓存 的 颜色 ) 会 乘 以 
DstFactor， 然 后 把 两 者 相 加 后 再 存 入 颜色 缓冲 中 





















































Blend SrcFactor 
DstFactor 














Blend SrcFactor 


et, . 不 同 的 因子 来 混合 
SrcFactorA 


DstFactorA 





























BlendOp 并 非 是 把 源 颜色 和 目标 颜色 简单 相 加 后 混合 ， 而 是 使 用 
BlendOperation ”| BlendOperation 对 它们 进行 其 他 操作 























在 本 节 里 ， 我 们 会 使 用 第 二 种 语义 ， 即 Blend SrcFactor DstFactor 来 
进行 混合 。 需 要 注意 的 是 ， 这 个 命令 在 设置 混合 因子 的 同时 也 开局 了 混 
合 模式 。 这 是 因为 ， 只 有 开局 了 混合 之 后 ， 设 置 斤 元 的 透明 通道 才 有 意 
义 ， 而 Unity 在 我 们 使 用 Blend 命 令 的 时 候 就 自动 玫 我 们 打开 了 。 很 多 初 
学 者 总 是 抱 候 为 什么 自己 的 模型 没有 任何 透明 效果 ， 这 往往 是 因为 他 们 
没有 在 Pass 中 使 用 Blend 命 令 ， 一 方面 是 没有 设置 混合 因子 ， 但 更 重要 的 
是 ， 根 本 没有 打开 混合 模式 。 我 们 会 把 源 颜色 的 混合 因子 SrcFactor 设 为 
SrcAlpha， 而 目标 颜色 的 混合 因子 DstFactor 设 为 OneMinusSrcAlpha。 这 
意味 者 ， 经 过 混合 后 新 的 颜色 是 : 


DstColorew = SrcAlpha x SrcColor + (1- SrcAlpha ) x DstColor,y 




















通常 ， 透 明度 混合 使 用 的 惑 是 这 样 的 混合 命令 。 在 8.6 世 中， 我 们 会 看 
到 更 多 混合 语义 的 用 法 。 
我 们 使 用 和 8.3 市 中 同样 的 透明 纹理 ， 在 学 习 完 本 市 后 ， 我 们 可 以 
得 到 类 似 图 8.8 这 样 的 效果 。 
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A 图 8.8 ”透明度 混合 


为 了 在 Unity 中 实现 透明 度 混 合 ， 我 们 先进 行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 
Scene_ 8 _ 4。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 
去 掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaBlendMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 
Chapter8-AlphaBlend。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 
创建 一 个 平面 ， 使 得 平面 位 于 立方 体 下 面 。 


(5) 保存 场景 。 
打开 新 建 的 Chapter8-AlphaBlend， 删 除 所 有 已 有 代码 ， 并 把 8.3 节 的 
Chapter8-AlphaTest 代 码 全 部 粘贴 进去 ， 我 们 只 需要 在 这 个 基础 上 进行 一 
些 修改 即 可 。 


(1) 修改 Properties 语 义 块 : 











Properties { 
_Color ("Main Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 


_AlphaScale ("Alpha Scale"，Range(6，1)) = 1 
} 





我 们 使 用 一 个 新 的 属性 _AlphaScale 来 蔡 代 原先 的 _Cutoff 属 性 。 
_AlphaScale 用 于 在 透明 纹理 的 基础 上 控制 整体 的 透明 度 。 相 应 的 ， 我 们 
也 需要 在 Pass 中 修改 和 属性 对 应 的 变量 : 








fixed4 _Color; 
sampler2D MainTex; 
float4 MainTex_ST; 


fixed AlphaSscale; 





(2) 修改 SubShader 使 用 的 标签 


SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Tra 


nsparent"} 





在 本 章 一 开头 ， 我 们 已 经 知道 在 Unity 中 透明 度 混 合 使 用 的 泻 染 队 
列 是 名 为 Transparent 的 队列 ， 因 此 我 们 需要 把 Queue 标 签 设 置 为 
Transparent。RenderType 标 签 可 以 让 Unity 把 这 个 Shader 归 入 到 提前 定义 
的 组 (这 里 就 是 Transparent 组 ) 中 ， 用 来 指明 该 Shader 是 一 个 使 用 了 透 
明度 混合 的 Shader。RenderType 标 签 通常 被 用 于 着 色 器 蔡 换 功能 。 我 们 
还 把 IgnoreProjector 设 置 为 True， 这 意味 着 这 个 Shader 不 会 受到 投影 器 
《Projectors) 的 影响 。 通 音 ， 使 用 了 透明 度 混 合 的 Shader 都 应 该 在 
SubShader 中 设置 这 3 个 标签 


(3) 与 透明 上 度 测 试 不 同 的 是 ， 我 们 还 需要 在 Pass 中 为 透明 度 混 合 
进行 合适 的 混合 状态 设置 : 


Pass { 
Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSrcAlpha 





Pass 的 标签 仍 和 之 前 一 样 ， 即 把 LightMode 设 为 ForwardBase， 这 是 
ee 楚 路 径 的 方式 为 我 们 正确 提供 各 个 光照 变 

。 除 此 之 外 ， 我 们 还 把 该 Pass 的 深度 写 入 〈ZWrite) 设置 为 关闭 状态 
Off) ， 我 们 在 之 前 已 经 讲 过 为 什么 要 这 样 做 了 。 这 是 非常 重要 的 。 
然后 ， 我 们 开启 并 设置 了 该 Pass 的 混合 模式 。 如 在 本 节 开 头 所 讲 的 ， 我 
们 将 源 颜 色 ( 该 片 元 着 色 占 产生 的 颜色 〉 的 混合 因子 设 为 SrcAlpha， 把 
目标 颜色 〈 已 经 存在 于 颜色 缓冲 中 的 颜色 ) 的 混合 因子 设 为 
OneMinusSrcAlpha， 以 得 到 合适 的 半 透 明 效 果 。 


(4) 修改 片 元 着 色 器 : 


fixed4 frag(v2f i) : SV_ Target { 





fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 


fixed4 texColor = tex2D( MainTex, i.uv); 
fixed3 albedo = texColor.rgb * Color.rgb; 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColor6.rgb * albedo * max(@, dot(worldNormal, w 
orldLightDir)); 


return fixed4(ambient + diffuse, texColor.a * AlphaScale); 





上 上述 代码 和 8.3 市 中 的 几乎 完全 一 样 ， 只 古 移 除了 透明 上 度 测试 的 代 
码 ， 并 设置 了 该 片 元 着 色 占 返回 值 中 的 透明 通道 ， 它 是 纹理 像素 的 透明 
通道 和 材质 参数 _AlphaScale 的 乘积 。 正 如 本 节 一 开始 所 说 的 ， 只 有 使 用 
Blend 命 令 打开 混合 后 ， 我 们 在 这 里 设置 透明 通道 才 有 意义 ， 售 则 ， 这 
些 透 明 撒 并 不 会 对 片 元 的 透明 效果 有 任何 影响 。 


(5) 最 后 ， 修 改 Unity Shader 的 Fallback: 


Fallback "Transparent/VertexLit" 


我 们 可 以 调节 材质 面板 上 的 Alpha Scale 参数 ， 以 控制 整体 透明 度 。 
图 8.9 给 出 了 不 同 Alpha Scale 参数 下 的 半 透 明 效 果 。 





和 图 8.9 随 着 Alpha Scale 参数 的 减 小 ， 模 型 变 得 越 来 越 透 明 


我 们 在 8.1 市 中 详细 解释 了 由 于 关闭 深度 写 入 市 来 的 各 种 问题 。 当 
模型 本 喘 有 复杂 的 遮挡 关系 或 是 包含 了 复杂 的 非 凸 网 格 的 时 候 ， 就 会 有 
各 种 各 样 因为 排序 错误 而 产生 的 错误 的 透明 效果 。 图 8.10 给 出 了 使 用 上 
面 的 Unity Shader 泻 染 Knot 模 型 时 得 到 的 效果 。 
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生 图 8.10 ” 当 模 型 网 格 之 间 有 互相 交叉 的 结构 时 ， 往 往 会 得 到 错误 的 半 透 明 效果 


这 都 是 由 于 我 们 关闭 了 深度 写 入 造成 的 ， 因 为 这 样 我 们 就 无 法 对 模 
型 进行 像素 级 别 的 深度 排序 。 在 8.1 节 中 我 们 提 到 了 一 种 解决 方法 是 分 
割 网 格 ， 从 而 可 以 得 到 一 个 “质量 优等 ?的 网 格 。 但 是 很 多 情况 下 这 往往 
是 不 切实 际 的 。 这 时 ， 我 们 可 以 想 办 法 重新 利用 深度 号 入 ， 让 模型 可 以 
像 半 透明 物体 一 样 进 行 汉 入 淡出 。 这 就 是 我 们 下 面 要 讲 的 内 容 。 











8.5 开 尼 深度 写 入 的 半 透 明 效 宁 


在 8.4 市 最 后 ， 我 们 给 出 了 一 种 由 于 关闭 深度 写 入 而 造成 的 错误 排 
序 的 情况 。 一 种 解决 方法 是 使 用 两 个 Pass 来 泻 染 模型 . 第 一 个 Pass 开 局 
深度 写 入 ， 但 不 输出 颜色 ， 它 的 目的 仅仅 是 为 了 把 该 模型 的 深度 值 写 入 
深度 缓冲 中 ; 第 二 个 Pass 进 行 正 党 的 透明 度 混 合 ， 由 于 上 一 个 Pass 已 经 
得 到 了 逐 像 素 的 正确 的 深度 信息 ， 访 Pass 就 可 以 按照 像素 级 别 的 深度 排 
序 结果 进行 透明 泻 染 。 但 这 种 方法 的 缺点 在 于 ， 多 使 用 一 个 Pass 会 对 性 
能 造成 一 定 的 影响 。 在 本 节 最 后 ， 我 们 可 以 得 到 类 似 图 8.11 中 的 效果 。 
可 以 看 出 ， 使 用 这 种 方法 ， 我 们 仍然 可 以 实现 模型 与 它 后 面 的 背景 混合 
的 效果 ， 但 模型 内 部 之 间 不 会 有 任何 真正 的 半 透 明 效 果 。 
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A 图 8.11 开启 了 深度 写 入 的 半 透明 效果 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 





Scene 8 5。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平 
行 光 ， 并 且 使 用 了 站 在 Window -> Lighting -> Skybox 中 
去 掉 场景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
AlphaBlendZWriteMat。 





(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Unity Shader 名 为 
Chapter8-AlphaBlendZWrite。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材 
质 。 


(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 
创建 一 个 平面 ， 使 得 平面 位 于 立方 体 下 面 。 


(5) 保存 场景 。 


本 节 使 用 的 代码 和 8.4 节 使 用 的 Chapter8-AlphaBlend 几 乎 完全 一 样 。 
我 们 把 Chapter8- 中 的 代码 粘贴 到 本 下 的 Chapter8- 
AlphaBlendZWrite 中 ， 我 们 只 需要 在 原来 使 用 的 Pass 前 面 再 增加 一 个 新 
的 Pass 即 可 : 





Shader "Unity Shader Book/Chapter8-Alpha Blending ZWrite" { 
Properties { 
_Color ("Main Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_AlphaScale ("Alpha Scale"，Range(6，1)) = 1 


SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"= 
"Transparent"} 


// Extra pass that renders to depth buffer only 
Pass { 

ZWrite On 

ColorMask 6 


} 
Pass { 

// 和 8.4 节 同样 的 代码 
} 


} 
Fallback "Diffuse" 


| 
这 个 新 添加 的 Pass 的 目的 仅仅 是 为 了 把 模型 的 深度 信息 写 入 深度 组 

冲 中 ， 从 而 剔除 模型 中 被 目 身 遮挡 的 片 元 。 因 此 ，Pass 的 第 一 行 开局 了 

深度 写 入 。 在 第 二 行 ， 我 们 使 用 了 一 个 新 的 泻 染 命令 ColorMask 。 

在 ShaderLab 中 ，ColorMask 用 于 设置 颜色 通道 的 写 掩 码 (write 

mask) 。 它 的 语义 如 下 : 


ColorMask RGB | A | 8 | 其 他 任何 R、G、B、A 的 组 合 


当 ColorMask 设 为 0 时 ， 意味 着 该 Pass 不 写 入 任何 颜色 通道 ， 即 不 会 
输出 任何 颜色 。 这 正 是 我 们 需要 的 该 Pass 只 需 写 入 深度 缓存 即 可 。 



































8.6 ShaderLab 的 混合 命令 


在 8.4 一 节 中 ， 我 们 已 经 看 到 如 何 利 用 Blend 命 令 进 行 混 合 。 实 际 
上 ， 混 合 还 有 很 多 其 他 用 处 ， 不 仅仅 是 用 于 透明 度 混 合 。 在 本 节 里 ， 我 
们 将 更 加 详细 地 了 解 混 合 中 的 细节 问题 。 


我 们 首先 来 看 一 下 混合 是 如 何 实现 的 。 当 片 元 着 色 器 产生 一 个 颜色 
的 时 候 ， 可 以 选择 与 颜色 缓存 中 的 颜色 进行 混合 。 这 样 一 来 混合 就 和 
两 个 操作 数 有 关 : 源 闸 色 (source color) 和 目标 颜色 ( destination 
color) 。 源 颜色 ， 我 们 用 $S 表示 ， 指 的 是 由 片 元 着 色 器 产生 的 颜色 
值 ， 目 标 颜 色 ， 我 们 用 D 表示 ， 指 的 是 从 颜色 缓冲 中 读 取 到 的 颜色 值 。 
对 它们 进行 混合 后 得 到 的 输出 颜色 ， 我 们 用 O 表示 ， 它 会 重新 写 入 到 颜 
色 绥 冲 中 。 需 要 注意 的 是 ， 当 我 们 谈 及 混合 中 的 源 颜色 、 目 标 颜 色 和 和 输 
J 它们 都 包含 了 RGBA 四 个 通道 的 值 ， 而 并 非 仅仅 是 RGB 通 
J 月 。 


























想 要 使 用 混合 ， 我 们 必须 首先 开 月 已 已 。 在 Unity 中 ， 当 我 们 使 用 
Blend (Blend Off 命 令 除 外 ) 命令 时 ， 除 了 设置 混合 状态 外 也 开启 了 混 
合 。 但 是 ， 在 其 他 图 形 API 中 我 们 是 需要 手动 开启 的 。 例 如 在 OpenGL 
中 ， 我 们 需要 使 用 glEnable(GL_BLEND) 来 开启 混合 。 但 在 Unity 中 ， 它 
已 经 在 背后 为 我 们 做 了 这 些 工作 。 


8.6.1 混合 等 式 和 参数 


在 2.3.8 节 中 我 们 提 到 过 ， 混 合 是 一 个 逐 片 元 的 操作 ， 而 且 它 不 是 可 
编程 的 ， 但 却 是 高 度 可 配置 的 。 也 就 是 说 ， 我 们 可 以 设置 混合 时 使 用 的 
运算 操作 、 泥 合 因子 等 来 影响 混合 。 那 么 ， 这 些 配 置 义 是 如 何 实 现 的 
呢 ? 


现在 ， 我 们 已 知 两 个 操作 数 : 源 颜色 S 和 目标 颜色 D， 想 要 得 到 输 
出 颜色 O 就 必须 使 用 一 个 等 式 来 计算 。 我 们 把 这 个 等 式 和 和 为 混合 告 式 
(blend equation ) 。 当 进行 混合 时 ， 我 们 需要 使 用 两 个 混合 等 式 : 
个 用 于 混合 RGB 通道 ， 一 个 用 于 混合 A 通 道 。 当 设置 混合 状态 时 ， 我 们 
实际 上 设置 的 就 是 混合 等 式 中 的 操作 和 因子 。 在 默认 情况 下 ， 混 合 等 
式 使 用 的 操作 都 是 加 操作 (我 们 也 可 以 使 用 其 他 操作 ，， 我 们 只 需要 再 
设置 一 下 混合 因子 即 可 。 由 于 需要 两 个 等 式 ( 分 别 用 于 混合 RGB 通 道 和 























A 通 道 ) ， 每 个 等 式 有 两 个 因子 〈 一 个 用 于 和 源 颜 色相 乘 ， 一 个 用 于 和 
日 标 闫 色相 浅 》， 因此 一 共 需 要 4 个 因子 。 表 8.3 给 出 了 ShaderLab 中 设置 
混合 因子 的 命令 。 


表 8.3 ShaderLab 中 设置 混合 因子 的 命令 























开 司 混合 ， 并 设置 混合 因子 。 源 颜色 《该 广元 产生 的 颜色 ) 会 乘 
以 SrcFactor， 而 目标 颜色 (已 经 存在 于 闫 色 缓 存 的 颜色 〉 会 乘 以 
DstFactor， 然 后 把 两 者 相 加 后 再 存 入 颜色 缓冲 中 








Blend SrcFactor 
DstFactor 














Blend SrcFactor 


DstFactor, = ee eu 
SrcFactorA 中 不 同 的 因子 来 并 


DstFactorA 

















可 以 发 现 ， 第 一 个 命令 只 提供 了 两 个 因子 ， 这 意味 着 将 使 用 同样 的 
混合 因子 来 混合 RGB 通道 和 A 通 道 ， 即 此 时 SrcFactorA 将 等 于 
SrcFactor，DstFactorA 将 等 于 DstFactor。 下 面 就 是 使 用 这 些 因 子 进行 加 
法 混合 时 使 用 的 混合 公式 : 


Orgb = SrcFactor x Sap 











十 DstFactor x D 


% rgb 


Os = SrcFactorA x So + DstFactorA xDD。 


那么 ， 这 些 泥 合 因子 可 以 有 哪些 值 呢 ? 表 8.4 给 出 了 ShaderLab 支 持 
的 几 种 混合 因子 。 








表 8.4 ”ShaderLab 中 的 混合 因子 





























因子 为 源 颜色 值 。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 SrcColor 
的 RGB 分 量 作为 混合 因子 ; 当 用 于 混合 A 的 混合 等 式 时 ， 使 用 
SrcColor 的 A 分 量 作为 混合 因子 
































SrcColor 

















因子 为 源 颜 色 的 透明 度 值 〈A 通 道 ) 









































因子 为 目标 颜色 值 。 当 用 于 混合 RGB 通道 的 混合 等 式 时 ， 使 用 
DstColor 的 RGB 分 量 作 为 混合 因子 ; 当 用 于 混合 A 通 道 的 混合 等 
式 时 ， 使 用 DstColor 的 A 分 量 作为 混合 因子 。 










































































因子 为 目标 颜色 的 透明 度 值 “A 通 道 ) 




















因子 为 (1- 源 颜色 )。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 结果 的 
OneMinusSrcColor |RGB 分 量 作为 混合 因子 ; 当 用 于 混合 A 的 混合 等 式 时 ， 使 用 结果 

















的 A 分 量 作为 混合 因子 


因子 为 (1- 源 颜色 的 透明 度 值 ) 


因子 为 (1- 目 标 颜 色 )。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 结果 
OneMinusDstColor | 的 RGB 分 量 作为 混合 因子 ; 当 用 于 混合 A 的 混合 等 式 时 ， 使 用 结 
果 的 A 分 量 作为 混合 因子 


于 为 (目标 叶 色 的 遂 明度 人 ) 


使 用 上 面 的 指令 进行 设置 时 ，RGB 通 道 的 混合 因子 和 A 通道 的 泥 合 
因子 都 是 一 样 的 ， 有 时 我 们 希望 可 以 使 用 不 同 的 参数 混合 A 通道 ， 这 时 
就 可 以 利用 Blend SrcFactor DstFactor, SrcFactorA DstFactorA 指令 。 
例如 ， 如 果 我 们 想 要 在 混合 后 ， 输 出 颜色 的 透明 度 值 就 是 源 颜 色 的 透明 
上 度 ， 可 以 使 用 下 面 的 命令 : 


Blend SrcAlpha OneMinusSrcAlpha, One Zero 


8.6.2 ”混合 操作 




































































在 上 面 涉及 的 混合 等 式 中 ， 当 把 源 颜色 和 目标 颜色 与 它们 对 应 的 混 
合 因 子 相 乘 后 ， 我 们 都 是 把 它们 的 二 末 加 起 来 作为 输出 颜色 的 。 那么 可 
不 可 以 选择 不 使 用 加 法 ， 而 使 用 减法 呢 ? 答案 是 肯定 的 ， 我 们 可 以 使 用 
ShaderLab 的 BlendOp BlendOperation 命令 ， 即 混合 操作 命令 。 表 8.5 给 
出 了 ShaderLab 中 文 持 的 混合 操作 。 


表 8.5 “ShaderLab 中 的 混合 操作 








将 混合 后 的 源 颜色 和 目标 颜色 相 加 。 默 认 的 混合 操作 。 使 用 的 
是 ， Op = = SrcFactor x Srgb + DstF actor x Drop 


Oa = SrcFactorA x So + DstFactorA x Da 











用 混合 后 的 源 颜 色 减 去 混合 后 的 目标 颜色 。 使 用 的 混合 等 式 是 : 
Orgb = 一 ST CG Fac tor X oe gb 一 DstF' ac tor x Drob 


OR Irocton oe WStIactor ls 














用 混合 后 的 目标 颜色 减 去 混合 后 的 源 颜色 。 使 用 的 混合 等 式 是 
Orgb = DstFactor x Drgo 一 STcFactor x rgb 
Os = DstFactorA x DD: — SrcFactorA x 9。 























使 用 源 颜 色 和 目标 颜色 中 较 小 的 值 ， 是 逐 分 量 比较 的 。 使 用 的 混合 等 式 
是 ; 





Orgba = (mintor 站 min( Sg, Dy), En (rn 

















A ， 是 逐 分 量 比较 的 。 使 用 的 混 














Ce = (max(Sr, Dr), maxlSyg , Do) .Inax( 5,. Dg), max!( Sa., Da)) 


E | 仅 在 DirectX 111 中 福村 




















混合 操作 命令 通常 是 与 混合 因子 命令 一 起 工作 的 。 但 需要 注意 的 
是 ， 当 使 用 Min 或 Max 混合 操作 时 ， 混 合 因子 实际 上 是 不 起 任何 作用 
的 ， 它 们 仅 会 判断 原始 的 源 颜色 和 目的 颜色 之 间 的 比较 结 





8.6.3 和音 见 的 混合 类 型 


通过 混合 操作 和 混合 因子 命令 的 组 合 ， 我 们 可 以 得 到 一 些 类 似 
Photoshop 混 合 模 式 中 的 混 尼 合 效果 





// 正常 (Normal) ， 即 透明 度 混合 
Blend SrcAlpha OneMinusSrcAlpha 


// 柔和 相 加 (Soft Additive) 
Blend OneMinusDstColor One 


// 正片 县 底 (Multiply) ， 即 相 乘 
Blend DstColor Zero 


// 两 倍 相 乘 (2x Multiply) 
Blend DstColor SrcColor 














// 变 暗 (Darken) 
BlendOp Min 
Blend One One 


// 变 亮 (Lighten) 
BlendOp Max 
Blend One One 


// 滤 色 (Screen) 
Blend OneMinusDstColor One 
// 等 同 于 


Blend One OneMinusSrcColor 








// 线性 减 淡 (Linear Dodge) 
Blend One One 





图 8.12 给 出 了 上 面 不 同 设置 下 得 到 的 结果 。 我 们 可 以 在 本 书 资源 中 
的 Scene_8_6_3 场 景 中 找到 相关 资源 。 


柔和 相 加 








4 图 8.12 不 同 混合 状态 设置 得 到 的 效果 


需要 注意 的 是 ， 虽 然 上 面 使 用 Min 和 Max 混 合 操 作 时 仍然 设置 了 泥 
合 因子 ， 但 实际 上 它们 并 不 会 对 结果 有 任何 影响 ， 因 为 Min 和 Max 泥 合 
操作 会 忽略 混合 因子 。 男 一 点 是 ， 虽 然 上 面 有 些 混 合 模 式 并 没有 设置 混 
合 操作 的 种 类 ， 但 是 它们 默认 就 是 使 用 加 法 操作 ， 相 当 于 设置 了 
BlendOp Add。 














8.7 ” 双 面 泻 染 的 透明 效果 


在 现实 生活 中 ， 如 果 一 个 物体 是 透明 的 ， 意 味 着 我 们 不 仅 可 以 透 过 
它 看 到 其 他 物体 的 样子 ， 也 可 以 看 到 它 内 部 的 结构 。 但 在 前 面 实现 的 透 
明 效 果 中 ， 无 论 是 透明 度 测 试 还 是 透明 度 混 合 ， 我 们 都 无 法 观察 到 正方 
体内 部 及 其 背面 的 形状 ， 导 致 物体 看 起 来 就 好 像 只 有 半 个 一 样 。 这 是 因 
为 ， 默 认 情 况 下 演 染 引擎 剔除 了 物体 背面 〈 相 对 于 摄像 机 的 方向 ) 的 演 
染 图 元 ， 而 只 泻 染 了 物体 的 正面 。 如 果 我 们 想 要 得 到 双 面 泻 染 的 效果 ， 
可 以 使 用 Cull 指令 来 控制 需要 剔除 哪个 面 的 演 染 图 元 。 在 Unity 中 ，Cull 
中 念 的 语法 如 下 : 


Cull Back | Front | Off 


如 打 设 置 为 Back， 那 么 那些 背 对 看 摄像 机 的 浑 染 图 元 束 不 会 被 泻 
染 ， 这 也 是 默认 情况 下 的 吻 除 状态 ， 如 果 设 置 为 Front， 那 么 那些 朝 癌 摄 
像 机 的 演 染 图 元 就 不 会 被 泻 染 ;如 果 设 置 为 Off ， 束 会 关闭 别 除 功能 ， 
那么 所 有 的 泻 染 图 元 都 会 被 泻 染 ， 但 由 于 这 时 需要 泻 染 的 图 元 数目 会 成 
倍增 加 ， 因 此 除非 是 用 于 特殊 效果 ， 例 如 这 里 的 双 面 洽 染 的 透明 效果 ， 
通常 情况 是 不 会 天 闭 剔 除 功 能 的 。 


8.7.1 ”透明度 测试 的 双 面 演 染 


我 们 首先 来 看 一 下 ， 如 何 让 使 用 了 透明 度 测试 的 物体 实现 双 面 泻 染 
的 效果 。 这 非常 简单 ， 只 需要 在 Pass 的 泻 染 设置 中 使 用 Cull 指 令 来 关闭 
别 除 即 可 。 为 此 ， 我 们 新 建 了 一 个 场景 ， 在 本 章 资源 中 ， 该 场景 名 为 
Scene 8 7 1， 场景 中 同样 包含 了 一 个 正方 体 ， 它 使 用 的 材质 和 Unity 
Shader 分 别名 为 AlphaTestBothSidedMat 和 Chapter8-AlphaTestBothSided。 
Chapter8-AlphaTestBothSided 的 代码 和 8.3 节 中 的 Chapter8-AlphaTest 几 乎 


完全 一 样 ， 只 添加 了 一 行 代码 : 

















Pass { 
Tags { "LightMode"="ForwardBase" } 


// Turn off culling 
Cull Off 


| 


如 上 所 示 ， 这 行 代码 的 作用 是 关闭 吻 除 功能 ， 使 得 该 物体 的 所 有 的 





演 染 图 元 都 会 被 演 染 。 由 此 ， 我 们 可 以 得 到 图 8.13 中 的 效果 。 


€ Came I | ; - 
600x400 . Maximize on Play Mute audio | Stats Glzmos ™ 





A 图 8.13” 双 面 演 染 的 透明 度 测 试 的 物体 
此 时 ， 我 们 可 以 透 过 正方 体 的 铂 空 区 域 看 到 内 部 的 演 染 结果 。 
8.7.2 ”透明 度 混合 的 双 面 泻 染 


和 透明 度 测 试 相 比 ， 想 要 让 透明 度 混合 实现 双 面 渲染 会 更 复杂 一 
些 ， 这 是 因为 透明 度 混 合 需要 关闭 深度 写 入 ， 而 这 是 “一 切 混 乱 的 开 
端 ”。 我 们 知道 ， 想 要 得 到 正确 的 透明 效果 ， 演 染 顺 序 是 非常 重要 的 
一 一 我 们 想 要 保证 图 元 是 从 后 往 前 泻 染 的 。 对 于 透明 度 测 试 来 说 ， 由 于 
我 们 没有 关闭 深度 写 入 ， 因 此 可 以 利用 深度 缓冲 按 逐 像素 的 粒度 进行 深 
度 排 序 ， 从 而 保证 泻 染 的 正确 性 。 然 而 一 旦 关闭 了 深度 写 入 ， 我 们 就 需 
要 小 心地 控制 演 染 顺序 来 得 到 正确 的 深度 关系 。 如 果 我 们 仍然 采用 8.7.1 
节 中 的 方法 ， 直 接 关 闭 剔 除 功 能 ， 那 么 我 们 就 无 法 保证 同一 个 物体 的 正 









































面 和 背面 图 元 的 泻 染 顺序 ， 就 有 可 能 得 到 错误 的 半 透 明 效果 。 


为 此 ， 我 们 选择 把 双 面 泻 染 的 工作 分 成 两 个 Pass 一 一 第 一 个 Pass 只 
泻 染 背面 ， 第 二 个 Pass 只 泻 染 正面 ， 由 于 Unity 会 顺序 执行 SubShader 中 
的 各 个 Pass， 因 此 我 们 可 以 保证 背面 总 是 在 正面 被 演 染 之 前 渲染 ， 从 而 
可 以 保证 正确 的 深度 泻 染 关系 。 

我 们 新 建 了 一 个 场景 ， 在 本 章 资源 中 ， 该 场景 名 为 Scene 8_7_2， 
场景 中 包含 了 一 个 正方 体 ， 它 使 用 的 材质 和 Unity Shader 分 别名 为 
AlphaBlendBothSidedMat 和 Chapter8-AlphaBlendBothSided。 相 较 于 8.4 节 
的 Chapter8-AlphaBlend， 我 们 对 Chapter8-AlphaTestBothSided 的 代码 做 
了 两 个 改动 。 


(1) 复制 原 Pass 的 代码 ， 得 到 男 一 个 Pass。 
(2) 在 两 个 Pass 中 分 别 使 用 Cull 指令 剔除 不 同 朝向 的 泻 染 图 元 : 











Shader "Unity Shaders Book/Chapter 8/Alpha Blend With Both Side" { 
Properties { 
_Color ("Main Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_AlphaScale ("Alpha Scale"，Range(6，1)) = 1 


} 
SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"= 


"Transparent"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


// First pass renders only back faces 
Cull Front 


// 和 之 前 一 样 的 代码 





} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


// Second pass renders only front faces 
Cull Back 


// 和 之 前 一 样 的 代码 





} 


Fallback "Transparent/VertexLit" 





通过 上 面 的 代码 ， 我 们 可 以 得 到 图 8.14 中 的 效果 。 
€ Came | = 


600x400 Maximize on Play | Mute audio Stats | Gizmos ™ 





A 图 8.14 ” 双 面 泻 染 的 透明 度 混合 的 物体 


第 3 遍 ”中 级 角 

中 级 访 是 本 书 的 进 阶 篇 ， 将 讲解 Unity 中 的 演 染 路 径 、 如 何 计算 光 
照 衰减 和 阴影 、 如 何 使 用 高 级 纹理 和 动画 等 一 系列 进 阶 内 容 。 

第 9 章 更 复杂 的 光照 

我 们 在 初级 篇 中 实现 的 光照 模型 中 没有 考虑 一 些 重 要 的 光照 计算 ， 
如 阴影 和 光照 衰减 。 本 章 首 先 讲解 Unity 中 的 3 种 泻 染 路 径 和 3 种 重要 的 
光源 类 型 ， 再 解释 如 何在 前 癌 演 染 路 径 中 实现 包含 了 光照 衰减 、 阴 影 等 
效果 的 完整 的 光照 计算 。 在 本 童 最后， 会 给 出 基于 之 前 学 习 内 容 实现 的 
包含 了 完整 光照 计算 的 Unity Shader。 

第 10 章 高 级 纹理 


这 一 章 将 会 讲解 如 何在 Unity Shader 中 使 用 立方 体 纹理 、 演 染 纹理 
和 程序 纹理 等 类 型 的 纹理 。 


第 11 章 让 画面 动 起 来 


静态 的 画面 往往 是 无 趣 的 。 这 一 章 将 帮助 读者 学 习 如 何在 Shader 中 
使 用 时 间 变 量 来 实现 纹理 动画 、 顶 点 动画 等 动态 效果 。 














第 9 章 ” 更 复杂 的 光照 


从 本 章 开 始 ， 我 们 就 进入 了 中 级 篇 的 学 习 。 在 初级 篇 中 ， 我 们 对 实 
现 的 Unity Shader 中 的 每 一 行 代码 都 进行 了 详细 解释 。 我 们 相信 通过 初 
级 篇 的 学 习 ， 读 者 已 经 对 Shader 的 基本 语法 有 了 一 定 了 解 ， 因 此 在 中 级 
篇 以 及 之 后 的 篇 节 中 ， 我 们 不 再 列 出 Unity Shader 中 的 每 一 行 代 码 ， 而 
是 选择 其 中 的 关键 代码 进行 解释 。 读 者 可 以 在 本 书 资源 中 找到 完整 的 实 
现 。 需 要 注意 的 是 ， 本 章 实 现 的 代码 大 多 是 为 了 阐述 一 些 计 算 的 实现 
原理 ， 并 不 可 以 直接 用 于 项 目 中 。 我 们 会 在 9.5 节 给 出 包含 了 完整 光照 
计算 的 Unity Shader。 


在 前 面 的 学 习 中 ， 我 们 的 场景 中 都 仅 有 一 个 光源 且 光 源 类 型 是 平行 
光 《 如 果 你 的 场景 不 是 这 样 的 话 ， 可 能 会 得 到 错误 的 结果 ) 。 但 在 实际 
的 游戏 开发 过 程 中 ， 我 们 往往 需要 处 理 数目 更 多 、 类 型 更 复杂 的 光源 。 
更 重要 的 是 ， 我 们 想 要 得 到 阴影 。 在 本 章 我 们 就 会 学 习 如 何在 Unity 中 
实现 上 面 的 功能 。 


在 学 习 这 些 之 前 ， 我 们 有 必要 知道 Unity 到 底 是 如 何 处 理 这 些 光 源 
的 。 也 就 是 说 ， 当 我 们 在 场景 里 放置 了 各 种 类 型 的 光源 后 ，Unity 的 辰 
层 泻 染 引擎 是 如 何 让 我 们 在 Shader 中 访问 到 它们 的 ， 因 此 9.1 节 首先 介绍 
了 Unity 的 演 染 路 径 。 之 后 ， 我 们 将 在 9.2 节 中 学 习 如 何 处理 更 多 不 同类 
型 的 光源 ， 如 点 光源 和 聚光灯 。9.3 节 将 介绍 如 何在 Unity Shader 中 处 理 
光照 衰减 ， 实 现 距离 光源 越 远 光 强 越 弱 的 效果 。 在 9.4 节 ， 我 们 将 介绍 
Unity 中 阴影 的 实现 方法 ， 并 学 习 在 Unity Shader 中 如 何 为 不 同类 型 的 物 
体 实 现 阴 影 效 果 。 最 后 ， 我 们 会 在 9.5 节 给 出 本 书 使 用 的 标准 的 Unity 
Shader， 这 些 Unity Shader 包 含 了 完整 的 光照 计算 ， 本 书后 面 的 章节 中 也 
会 使 用 这 些 Shader 进 行 场景 搭建 。 























9.1 Unity 的 演 染 路 径 


在 Unity 里 ， 演 染 路 径 (Rendering Path) 决定 了 光照 是 如 何 应 用 
到 Unity Shader 中 的 。 因 此 ， 如 果 要 和 光源 打交道 ， 我 们 需要 为 每 个 Pass 
间 定 它 使 用 的 泻 染 路 人 径 ， 只 有 这 样 才 能 让 Unity 知 道 ,，“ 哦 ， 原 来 这 个 程 
序 员 想 要 这 种 演 染 路 径 ， 那 么 好 的 ， 我 把 光源 和 处 理 后 的 光照 信息 都 放 
在 这 些 数据 里 ， 你 可 以 访问 啦 ! ”也 就 是 说 ， 我 们 只 有 为 Shader 正 确 地 
选择 和 设置 了 需要 的 泻 染 路 径 ， 该 Shader 的 光照 计算 才能 被 正确 执行 。 


Unity 支 持 多 种 类 型 的 泻 染 路 径 。 在 Unity 5.0 版 本 之 前 ， 主 要 有 3 

种 : 前 向 泻 染 路 径 (Forward Rendering Path) 、 延 迟 泻 染 路 径 

(Deferred Rendering Path) 和 顶点 照明 泻 染 路 径 〈Vertex Lit 
Rendering Path) 。 但 在 Unity 5.0 版 本 以 后 ，Unity 做 了 很 多 更 改 ， 主 要 
有 两 个 变化 : 首先 ， 顶 点 照明 泻 染 路 径 已 经 被 Unity 抛 弃 ( 但 目前 仍然 
可 以 对 之 前 使 用 了 顶点 照明 演 染 路 径 的 Unity Shader 兼 容 ) ; 其 次 ， 新 
的 延迟 泻 染 路 径 代 奉 了 原来 的 延迟 这 染 路 径 〈 同 样 ， 目 前 也 提供 了 对 较 
旧版 本 的 兼容 ) 。 


大 多 数 情况 下 ， 一 个 项 目 只 使 用 一 种 演 染 路 径 ， 因 此 我 们 可 以 为 整 
个 项 目 设置 演 染 时 的 泻 染 路 径 。 我 们 可 以 通过 在 Unity 的 Edit -Project 
Settings ~ Player ~ Other Settings ~ Rendering Path 中 选择 项 目 所 需 的 
演 染 路 径 。 默 认 情 况 下 ， 该 设置 选择 的 是 前 向 演 染 路 径 ， 如 网 9.1 所 
小 。 





但 有 时 ， 我 们 希望 可 以 使 用 多 个 演 染 路 径 ， 例 如 摄像 机 A 演 染 的 物 
体 使 用 前 癌 泻 染 路 径 ， 而 摄像 机 B 演 染 的 物体 使 用 延迟 泻 染 路 径 。 这 
时 ， 我 们 可 以 在 每 个 摄像 机 的 泻 染 路 径 设 置 中 设置 该 摄像 机 使 用 的 泻 染 
路 径 ， 以 履 盖 Project Settings 中 的 设置 ， 如 图 9.2 所 示 。 





| Other Settings 
Rendering 


Rendering Path* 
Color Space* Deferred 
Auto Graphics APlforWil © Legacy Vertex Lit 

Auto Graphics APlfor Lin Legacy Deferred (light prepass) 
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Dynamic Batching 

CPU Skinning* 
Stereoscopic rendering* 
Virtual Reality Supported 
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A 图 9.1 设置 Unity 项 目的 演 染 路 径 





Yh IM Camera 次， 
Clear Flags 
backoround NE 7 
Culling Mask Everything 3 
Projection | Perspective 全 
Field of View 一 一 0 一 -一 |60 
Clipping Planes Near 0.3 

Far 1000 
Viewport Rect 
X Y0 
中 | | 
Depth -1 | 









Deferred 


Legacy Vertex Lit 
Legacy Deferred (light prepass) 


A 图 9.2 摄像 机 组 件 的 Rendering Path 中 的 设置 可 以 履 盖 Project Settings 中 的 设置 


在 上 面 的 设置 中 ， 如 果 选 择 了 Use Player Settings， 那 么 这 个 摄像 机 
会 使 用 Project Settings 中 的 设置 ;否则 就 会 履 善 掉 Project Settings 中 的 设 
置 。 需 要 注意 的 是 ， 如 果 当 前 的 显卡 并 不 支持 所 选择 的 演 染 路 径 ， 
Unity 会 自动 使 用 更 低 一 级 的 演 染 路 径 。 例 如 ， 如 果 一 个 GPU 不 支持 延 
述 演 染 ， 那 么 Unity 就 会 使 用 前 癌 泻 染 。 


完成 了 上 面 的 设置 后 ， 我 们 束 可 以 在 每 个 Pass 中 使 用 标签 来 指定 该 
Pass 使 用 的 泻 染 路 径 。 这 是 通过 设置 Pass 的 LightMode 标签 实现 的 。 不 
同类 型 的 演 染 路 径 可 能 会 包含 多 种 标签 设置 。 例 如 ， 我 们 之 前 在 代码 中 


写 的 : 


Pass { 
Tags { "LightMode" = "ForwardBase”} 





上 面 的 代码 将 告诉 Unity， 该 Pass 使 用 前 问 泻 染 路 入 中 的 
ForwardBase 路 径 。 而 前 癌 泻 染 路 径 还 有 一 种 路 径 叫 做 ForwardAdd 。 
表 9.1 给 出 了 Pass 的 LightMode 标 签 支 持 的 泻 染 路 径 设 置 选 项 。 


表 9.1 ”LightMode 标 签 文 持 的 演 染 路 径 设置 选项 


oo 该 Pass 总 是 会 被 泻 染 ， 但 不 
算 任何 光照 
pnts 每 个 






































ShadowCaster 把 物体 的 深度 信息 泻 染 到 阴影 映射 纹理 “shadowmap ) 或 
一 张 深 度 纹 理 
` 电 
PrepassBase a 
34) 
| 用 于 遗留 的 延迟 泻 染 。 该 Pass 通 过 合并 纹理 、 光 照 和 自发 
光 来 泻 染 得 到 最 后 的 颜 
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VertexLMRGBM 和 用 于 遗留 的 顶点 照明 演 染 
VertexLM 














那么 指定 演 染 路 径 到 底 有 什么 用 呢 ? 如 果 一 个 Pass 没 有 指定 任何 泻 
染 路 径 会 有 什么 问题 吗 ? 通俗 来 讲 ， 指 定 泻 染 路 径 是 我 们 和 Unity 的 确 
层 泻 染 引 擎 的 一 次 重要 的 沟通 。 例 如 ， 如 果 我 们 为 一 个 Pass 设 置 了 前 问 
泻 染 路 径 的 标签 ， 相 当 于 会 告诉 Unity: “ 嘿 ， 我 准备 使 用 前 向 这 染 了 ， 
你 把 那些 光照 属性 都 按 前 癌 泻 染 的 流程 给 我 准备 好 ， 我 一 会 儿 要 
用 ! ”随后 ， 我 们 可 以 通过 Unity 提 供 的 内 置 光照 变量 来 访问 这 些 属 性 。 
如 果 我 们 没有 指定 任何 泻 染 路 径 〈 实 际 上 ， 在 Unity 5.x 版 本 中 如 果 使 用 
了 前 癌 泻 染 又 没有 为 Pass 指 定 任何 前 癌 演 染 适 合 的 标签 ， 束 会 被 当成 一 
个 和 顶点 照明 泻 染 路 径 等 同 的 Pass) ， 那 么 一 些 光 照 变量 很 可 能 不 会 被 
正确 赋值 ， 我 们 计算 出 的 效果 也 就 很 有 可 能 是 错误 的 。 


那么 ，Unity 的 渲染 引擎 是 如 何 处 理 这 些 泻 染 路 径 的 呢 ? 下面， 我 
们 会 对 这 些 泻 染 路 径 进行 更 加 详细 的 解释 。 














9.1.1 前 问 泻 染 路 径 


前 向 演 染 路 径 是 传统 的 泻 染 方式 ， 也 是 我 们 最 常用 的 一 种 泻 染 路 
径 。 在 本 节 ， 我 们 首先 会 概括 前 向 泻 染 路 径 的 原理 ， 然 后 再 给 出 Unity 
对 于 前 向 泻 染 路 径 的 实现 细节 和 要 求 ， 最 后 给 出 Unity Shader 中 哪些 内 
置 变量 是 用 于 前 向 泻 染 路 径 的 。 
1， 前 向 泻 染 路 径 的 原理 

每 进行 一 次 完整 的 前 向 演 染 ， 我 们 需要 演 染 该 对 象 的 演 染 图 元 ， 并 
计算 两 个 缓冲 区 的 信息 ; 一 个 是 颜色 缓冲 区 ， 一 个 是 深度 缓冲 区 。 我 们 


利用 深度 缓冲 来 决定 一 个 片 元 是 否 可 见 ， 如 果 可 见 就 更 新 颜色 绥 冲 区 中 
的 颜色 值 。 我 们 可 以 用 下 面 的 伪 代 码 来 描述 前 向 演 染 路 径 的 大 致 过 程 : 














Pass { 
for (each primitive in this model) { 
for (each fragment covered by this primitive) { 
if (failed in depth test) { 
// 如 果 没 有 通过 深度 测试 ， 说 明 该 片 元 是 不 可 见 的 
discard; 
} else { 





// 如 果 该 片 元 可 见 
// 就 进行 光照 计算 
float4 color = Shading(materialInfo, pos, normal, lightDir 





， ViewDir); 














// 更 新 帧 缓冲 


writeFrameBuffer(fragment, color); 











对 于 每 个 逐 像素 光源 ， 我 们 都 需要 进行 上 面 一 次 完整 的 演 染 流程 。 
如 果 一 个 物体 在 多 个 逐 像素 光源 的 影响 区 域内 ， 那 么 该 物体 就 需要 执行 
多 个 Pass， 每 个 Pass 计 算 一 个 逐 像素 光源 的 光照 结果 ， 然 后 在 帧 缓冲 中 





把 这 些 光 照 结果 混合 起 来 得 到 最 终 的 颜色 值 。 假 设 ， 场 景 中 有 N 个 物 
体 ， 每 个 物体 受 M 个 光源 的 影响 ， 那 么 要 演 染 整个 场景 一 共 需 要 N *M 
个 Pass。 可 以 看 出 ， 如 果 有 大 量 逐 像素 光照 ， 那 么 需要 执行 的 Pass 数 目 
也 会 很 大 。 因 此 ， 演 染 引 擎 通常 会 限制 每 个 物体 的 逐 像素 光照 的 数目 。 


2. Unity 中 的 前 癌 泻 梁 


事实 上 ， 一 个 Pass 不 仪 仅 可 以 用 来 计算 逐 像 素 光 照 ， 它 也 可 以 用 来 
计算 逐 项 点 等 其 他 光照 。 这 取决 于 光照 计算 所 处 流水 线 阶 段 以 及 计算 时 
使 用 的 数学 模型 。 当 我 们 泻 染 一 个 物体 时 ，Unity 会 计算 哪些 光源 照 吏 
了 它 ， 以 及 这 些 光源 照 腕 该 物体 的 方式 。 


在 Unity 中 ， 前 同 泻 染 路 符 有 3 种 处 理光 照 〈 即 照 腕 物体 ) 的 方式 : 
逐 顶 点 处 理 、 逐 像素 处 理 ， 球 谐 函数 (Spherical Harmonics，SH) 处 
理 。 而 决定 一 个 光源 使 用 哪 种 处 理 模 式 取决 于 它 的 类 型 和 泻 染 模 式 。 
光源 类 型 指 的 是 该 光源 是 平行 光 还 是 其 他 类 型 的 光源 ， 而 光源 的 演 染 模 
式 指 的 是 该 光源 是 否 是 重要 的 (Important) 。 如 果 我 们 把 一 个 光照 的 
模式 设置 为 Important， 意 味 着 我 们 告诉 Unity,“ 嘿 老兄 ， 这 个 光源 很 重 
要 ， 我 希望 你 可 以 认真 对 待 它 ， 把 它 当 成 一 个 逐 像素 光源 来 处 理 ! ”我 
们 可 以 在 光源 的 Light 组 件 中 设置 这 些 属性 ， 如 图 9.3 所 示 。 











Intensity DD ei: 
Bounce Intensity (Os | ( ) 





Shadow Type | No Shadows esl 
Cookie None (Texture) 9 
Draw Halo 口 

Flare None {Flare) 区。 


Render Mode 
Culling Mask | Important 
全 Not Important 
4 图 9.3 ”设置 光源 的 类 型 和 渲染 模式 


在 前 向 泻 染 中 ， 妆 我 们 泻 染 一 个 物体 时 ，Unity 会 根据 场景 中 各 个 
光源 的 设置 以 及 这 些 光 源 对 物体 的 影响 程度 〈 例 如， 距离 该 物体 的 远 
近 、 光 源 强 度 等 ) 对 这 些 光 源 进 行 一 个 重要 度 排序 。 其 中 ， 一 定数 目的 
光源 会 按 逐 像 系 的 方式 处 理 ， 然 后 最 多 有 4 个 光源 按 逐 项 氮 的 方式 处 
理 ， 剩 下 的 光源 可 以 按 SH 方 式 处 理 。Unity 使 用 的 判断 规则 如 下 。 


。 场景 中 最 亮 的 平行 光 总 是 按 逐 像素 处 理 的 。 

。 演 染 模式 被 设置 成 Not Important 的 光源 ， 会 按 逐 顶点 或 者 SH 处 
理 。 

。 泻 染 模 式 被 设置 成 Important 的 光源 ， 会 按 逐 像素 处 理 。 

如 果 根 据 以 上 规则 得 到 的 逐 像素 光源 数量 小 于 Quality Setting 中 的 

逐 像素 光源 数量 (Pixel Light Count)， 会 有 更 多 的 光源 以 逐 像素 的 方 

式 进行 泻 染 。 


那么 ， 在 哪里 进行 光照 计算 呢 ? 当然 是 在 Pass 里 。 前 面 提 到 过 ， 前 
向 泻 染 有 两 种 Pass: Base Pass 和 Additional Pass。 通 常 来 说 ， 这 两 种 Pass 
进行 的 标签 和 演 染 设置 以 及 常规 光照 计算 如 图 9.4 所 示 。 











可 实现 的 光照 效果 : 





可 实现 的 光照 效果 : 
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Tags { "LightMode"="ForwardBase"} 
光照 纹理 i #pragma multi_compile_fwdbase 
环境 光 
自发 光 
阴影 (平行 光 的 阴影 ) 一 个 逐 像素 的 平行 光 以 及 

所 有 逐 项 点 和 SH 光源 









Tags { "LightMode"="ForwardAdd"} 
Blend One One 
#pragma multi_compile_fwdadd 


默认 情况 下 不 支持 阴影 ， 
但 可 以 通过 使 用 #pragma 


multi_compile_fwdadd_fulls 


~“ 阴 





盈 其 他 影响 该 物体 的 逐 像素 光源 
每 个 光源 执行 一 次 Pass 


A 图 9.4 ”前 向 泻 染 的 两 种 Pass 
图 9.4 中 有 几 点 需要 说 明 的 地 方 。 


首先 ， 可 以 发 现在 泻 染 设置 中 ， 我 们 除了 设置 了 Pass 的 标签 外 ， 还 
使 用 了 四 ragma multi_ compile_fwdbase 这 样 的 编译 指令 。 虽 

然 #pragma multi_compile_fwdbase 和 #pragma 
multi_compile_fwdadd 在 官方 文档 中 还 没有 给 出 相关 说 明 ， 但 实验 
表明 ， 只 有 分 别 为 Bass Pass 和 Additional Pass 使 用 这 两 个 编译 指 

令 ， 我 们 才 可 以 在 相关 的 Pass 中 得 到 一 些 正确 的 光照 变量 ， 例 如 光 
照 衰减 值 等 。 

Base Pass 劳 边 的 注释 给 出 了 Base Pass 中 文 持 的 一 些 光 照 特性 。 例 如 
在 Base Pass 中 ， 我 们 可 以 访问 光照 纹理 〈lightmap) 。 

Base Pass 中 演 染 的 平行 光 默 认 是 支持 阴影 的 (如 果 开 局 了 光源 的 阴 
影 功能 ) ， 而 Additional Pass 中 演 染 的 光源 在 默认 情况 下 是 没有 阴 








影 效 果 的 ， 即 便 我 们 在 它 的 Light 组 件 中 设置 了 有 阴影 的 Shadow 
Type 。 但 我 们 可 以 在 Additional Pass 中 使 用 #pragma multi_compile_ 
fwdadd_fullshadows 代 蔡 元 ragma multi_compile_fwdadd 编 译 指令 ， 
为 点 光源 和 聚光灯 开局 阴影 效果 ， 但 这 需要 Unity 在 内 部 使 用 更 多 
的 Shader 变 种 。 

。 环境 光 和 目 发 光 也 是 在 Base Pass 中 计算 的 。 这 是 因为 ， 对 于 一 个 物 
体 来 说 ， 环 境 光 和 上 自发 光 我 们 只 和 希望 计算 一 次 即 可 ， 而 如 果 我 们 在 
Additional Pass 中 计算 这 两 种 光照 ， 吏 会 造成 登 加 多 次 环境 光 和 目 
发 光 ， 这 不 是 我 们 想 要 的 。 

。 在 Additional Pass 的 演 染 设置 中 ， 我 们 还 开启 和 设置 了 混合 模式 。 
这 是 因为 ， 我 们 希望 每 个 Additional Pass 可 以 与 上 一 次 的 光照 结果 
在 帧 缓存 中 进行 琶 加 ， 从 而 得 到 最 终 的 有 多 个 光照 的 演 染 效果 。 如 
果 我 们 没有 开启 和 设置 混合 模式 ， 那 么 Additional Pass 的 泻 染 结果 
会 宪 新 挥 之 前 的 泻 染 结果 ， 看 起 来 束 好 像 访 物体 只 受 该 光源 的 影 
啊 。 通 常情 况 下 ， 我 们 选择 的 混合 模式 是 Blend One One 。 

。 对 于 前 问 泻 染 来 说 ， 一 个 Unity Shader 通 常会 定义 一 个 Base 
Pass (Base Pass 也 可 以 定义 多 次 ， 例 如 需要 双 面 演 染 等 情况 ) 以 及 
一 个 Additional Pass。 一 个 Base Pass 仪 会 执行 一 次 (定义 了 多 个 
Base Pass 的 情况 除外 ) ， 而 一 个 Additional Pass 会 根据 影响 该 物体 
的 其 他 逐 像 素 光 源 的 数目 被 多 次 调用 ， 即 每 个 逐 像 素 光 源 会 执行 一 
次 Additional Pass。 


图 9.4 给 出 的 光照 计算 是 通常 情况 下 我 们 在 每 种 Pass 中 进行 的 计 
算 。 实 际 上 ， 泻 染 路 径 的 设置 用 于 告诉 Unity 该 Pass 在 前 问 泻 染 路 径 中 的 
位 置 ， 然 后 底层 的 泻 染 引擎 会 进行 相关 计算 并 填充 一 些 内 置 变 量 〈 如 
_LightColor0 等 ) ， 如 何 使 用 这 些 内 置 变量 进行 计算 完全 取决 于 开发 者 
的 选择 。 例 如 ， 我 们 完全 可 以 利用 Unity 提 供 的 内 置 变量 在 Base Pass 中 
只 进行 逐 顶 点 光照 ， 同 样 ， 我 们 也 完全 可 以 在 Additional Pass 中 按 逐 项 
点 的 方式 进行 光照 计算 ， 不 进行 任何 逐 像 素 光 照 计 算 。 


3. 内 置 的 光照 变量 和 函数 


前 面 说 过 ， 根 据 我 们 使 用 的 演 染 路 径 〈 即 Pass 标 签 中 LightMode 的 
值 ) ，Unity 会 把 不 同 的 光照 变量 传递 给 Shader。 


在 Unity 5 中 ， 对 于 前 问 泻 染 ( 即 LightMode 为 ForwardBase 
或 ForwardAdd ) 来 说 ， 表 9.2 给 出 了 我 们 可 以 在 Shader 中 访问 到 的 光照 


变量 。 


















































表 9.2 ”前 向 泻 染 可 以 使 用 的 内 置 光 照 变量 


_LightColor0 该 Pass 处 理 的 逐 像素 光源 的 颜色 


_WorldSpaceLightPos0.xyz 是 该 Pass 处 理 的 逐 像素 光 
_WorldSpaceLightPos0 |float4 | 源 的 位 置 。 如 果 该 光源 是 平行 光 ， 那 么 





















































_WorldSpaceLightPos0.w 是 0， 其 他 光源 类 型 w 值 为 1 


. 从 世界 空间 到 光源 空间 的 变换 和 矩阵。 可 以 用 于 采样 
cookie 和 光 强 衰减 (attenuation) 纹理 

































































unity_4LightPosX0, 4 介 弟 重 王 的 占 汪 3》 23 
a 0 人 Pass。 前 4 个 非 重要 的 点 光源 在 世界 空 
unity_4LightPosZ0 


、 ~ 区 一 
unity_4LightAtten0 float4 ey Pass。 人 存储 了 前 4 个 非 
hs 2 
人 half4[4] La Pass。 存 储 了 前 4 个 非 习 


我 们 在 6.6 节 中 已 经 给 出 了 一 些 可 以 用 于 前 同 演 染 路 径 的 函数 ， 例 
如 WorldSpaceLightDir、UnityWorldSpaceLightDir 和 ObjSpaceLightDir 。 
为 了 完整 性 ， 我 们 在 表 9.3 中 再 次 列 出 了 前 同 泻 染 中 可 以 使 用 的 内 置 光 
照 函 数 。 













































































表 9.3 ”前 向 泻 染 可 以 使 用 的 内 置 光 照 函 数 


















































float3 仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 
WorldSpaceLightDir 置 ， 返 回 世 界 空间 中 从 该 点 到 光源 的 光照 方向 。 内 部 实现 


(float4 v) 使 用 了 UnityWorldSpaceLightDir 函 数 。 没 有 被 归 一 化 























float3 仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 世界 空间 中 的 顶点 位 
UnityWorldSpaceLightDir | 置 ， 返 回 世 界 空 间 中 从 该 点 到 光源 的 光照 方向 。 没 有 被 归 
(float4 V) 二 做 





























仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 
置 ， 返 回 模型 空间 中 从 该 点 到 光源 的 光照 方向 。 没 有 被 归 





float3 ObjSpaceLightDir 
(float4 V) 


























仅 可 用 于 前 向 泻 染 中 。 计 算 四 个 点 光源 的 光照 ， 它 的 参 
数 是 已 经 打包 进 矢 量 的 光照 数据 ， 通 常 就 是 表 9.2 中 的 内 置 
变量 ， 如 unity_4LightPosX0, unity_4LightPosY0， 
unity_4LightPosZ0、unity_LightColor 和 unity_4LightAtten0 
等 。 前 向 泻 染 通 常会 使 用 这 个 函数 来 计算 逐 顶 点 光照 











float3 Shade4PointLights 
(人 








需要 说 明 的 是 ， 上 面 给 出 的 变量 和 函数 并 不 是 完整 的 ， 一 些 前 向 注 
染 可 以 使 用 的 内 置 变量 和 函数 官方 文档 中 并 没有 给 出 说 明 。 在 后 面 的 学 
习 中 ， 我 们 会 使 用 到 一 些 个 在 这 些 胡 中 的 变量 和 函数 ， 那 时 我 们 会 特别 
说 明 的 。 


9.1.2 ”顶点 照明 泻 染 路 径 


顶点 照明 演 染 路 径 是 对 硬件 配置 要 求 最 少 、 运 算 性 能 最 高 ， 但 同时 
也 是 得 到 的 效果 最 差 的 一 种 类 型 ， 它 不 支持 那些 逐 像素 才能 得 到 的 效 
果 ， 例 如 阴影 、 法 线 映 射 、 高 精度 的 高 光 反 射 等 。 实 际 上 ， 它 仅仅 是 前 
问 渔 染 路 径 的 一 个 子 集 ， 也 就 是 说 ， 所 有 可 以 在 顶点 照明 泻 染 路 径 中 实 
现 的 功能 都 可 以 在 前 辐 浓 染 路 径 中 完成 。 就 如 它 的 名 字 一 样 ， 顶 点 照明 
泻 染 路 径 只 是 使 用 了 逐 项 点 的 方式 来 计算 光照 ， 并 没有 什么 神奇 的 地 
方 。 实 际 上 ， 我 们 在 上 面 的 前 癌 泻 染 路 径 中 也 可 以 计算 一 些 逐 顶点 的 光 
源 。 但 如 采 选 择 使 用 顶点 照明 演 染 路 径 ， 那 么 Unity 会 只 填充 那些 逐 顶 
点 相关 的 光源 变量 ， 意 味 独 我 们 不 可 以 使 用 一 些 逐 像 系 光照 变量 。 


1.，Unity 中 的 顶点 照明 演 染 


顶点 照明 演 染 路 径 通常 在 一 个 Pass 中 就 可 以 完成 对 物体 的 演 染 。 在 
这 个 Pass 中 ， 我 们 会 计算 我 们 关心 的 所 有 光源 对 该 物体 的 照明 ， 并 且 这 
个 计算 是 按 逐 顶点 处 理 的 。 这 是 Unity 中 最 快速 的 演 染 路 径 ， 并 且 具 有 
最 广 沁 的 硬件 支持 (但 是 游戏 机 上 并 不 支持 这 种 路 径 〉。 














由 于 顶点 照明 演 染 路 径 仅仅 是 前 同 演 染 路 径 的 一 个 子 集 ， 因 此 在 
Unity 5 发 布 之 前 ，Unity 在 论坛 上 发 起 了 一 个 投票 
(http://forum.unity3d.com/threads/official-dropping-vertexlit-rendering- 
path- for-unity-5-0.275248/ ) ， 让 开发 者 选择 是 否 应 该 在 Unity 5.0 中 抛弃 
顶点 照明 演 染 路 径 。 在 这 个 投票 中 ， 很 多 开发 人 员 表 示 了 赞同 的 意见 。 
结果 是 ，Unity 5 中 将 顶点 照明 泻 染 路 径 作 为 一 个 遗留 的 演 染 路 笃 ， 在 未 
来 的 版 本 中 ， 顶 点 照明 泻 染 路 人 径 的 相关 设 定 可 能 会 被 移 除 。 


2. 可 访问 的 内 置 变量 和 函数 

在 Unity 中 ， 我 们 可 以 在 一 个 顶点 照明 的 Pass 中 最 多 访问 到 8 个 逐 顶 

点 光源 。 如 果 我 们 只 需要 演 染 其 中 两 个 光源 对 物体 的 照明 ， 可 以 仅 使 用 

表 9.4 中 内 置 光 照 数 据 的 前 两 个 。 如 果 影 响 该 物体 的 光源 数目 小 于 8， 那 
么 数组 中 剩 下 的 光源 颜色 会 设置 成 黑色 。 

表 9.4 顶点 照明 洽 染 路 径 中 可 以 使 用 的 内 置 变量 


unity_LightColor ”|half4[8] | 光源 颜色 


xyz 分 量 是 视角 空间 中 的 光源 位 置 。 如 果 光源 是 平行 
0 ron 那么 z 分 量 值 为 0， 其 他 光源 类 型 z 分 量 值 为 1 






























































减 的 平方 ，w 分 量 是 光源 范围 开 根 号 的 结 





光源 衰减 因子 。 如 果 光 源 是 聚光灯 ，x 分 量 是 
ity_Li cos(spotAngle/2)，y 分 量 是 1/cos(spotAngle/4); 如 果 是 
unity_LightAtten |half4[8] 其 他 美 型 的 光源 ，x 分 量 是 -1，v 分 量 是 1。 2 分量 是 误 





如 果 光 源 是 聚光灯 的 话 ， 值 为 视角 空间 的 察 光 灯 的 位 
unity_SpotDirection |float4[8] | 置 ， 如 果 是 其 他 类 型 的 光源 ， 值 为 (0, 0, 1, 0) 


可 以 看 出 ， 一 些 变量 我 们 同样 可 以 在 前 向 泻 染 路 径 中 使 用 ， 例 如 
wniy LightColor。 但 这 些 变量 数组 的 维度 和 数值 在 不 同 党 染 路 信 中 的 人 
是 不 同 的 。 


表 9.5 给 出 了 顶点 照明 泻 染 路 径 中 可 以 使 用 的 内 置 函数 。 
表 9.5 顶点 照明 泻 染 路 径 中 可 以 使 用 的 内 置 函数 





float3 ShadeVertexLights | 输入 模型 空间 中 的 顶点 位 置 和 法 线 ， 计 算 四 个 逐 顶 点 光源 
(float4 vertex, float3 的 光照 以 及 环境 光 。 内 部 实现 实际 上 调用 了 
normal) ShadeVertexLightsFull 函 数 








float3 


doa3 vi， AR “| 输入 模型 空间 中 的 顶点 位 置 和 法 线 ， 计 算 lightCount 个 光源 
Coat vertex foat3 | 的 光照 以 及 环境 光 。 如 果 spotLight 值 为 rue， 那 么 这 些 光 源 

a 会 被 当成 聚光灯 来 处 理 ， 虽 然 结果 更 精确 ， 但 计算 更 加 耗 
normal, int lightCount， 时 ， 否 则 ， 按 点 光源 处 理 
bool spotLight) ; 全 则 ， 按 反光 源 处 理 


















































9.1.3 ”延迟 泻 染 路 径 


前 问 渔 染 的 问题 是 ， 当 场景 中 包含 大 量 实时 光源 时 ， 前 问 泻 染 的 性 
能 会 急速 下 降 。 例 如 ， 如 果 我 们 在 场景 的 某 一 块 区 域 放置 了 多 个 光源 ， 
这 些 光 源 影 啊 的 区 域 互 相 重 登 ， 那 么 为 了 得 到 最 终 的 光照 效果 ， 我 们 就 
需要 为 该 区 域内 的 每 个 物体 执行 多 个 Pass 来 计算 不 同 光 源 对 该 物体 的 光 
照 结果 ， 然 后 在 颜色 缓存 中 把 这 些 结果 混合 起 来 得 到 最 终 的 光照 。 然 
人 
a Jo 


延迟 演 染 是 一 种 更 古老 的 泻 染 方法 ， 但 由 于 上 述 前 癌 泻 染 可 能 造成 
的 瓶 贷 问题 ， 近 几 年 又 流行 起 来 。 除 了 前 同 泻 染 中 使 用 的 颜色 缓冲 和 深 
度 绥 冲 外 ， 延 迟 泻 染 还 会 利用 额外 的 绥 冲 区 ， 这 些 缓冲 区 也 被 统称 为 G 
缓冲 (G-buffer) ， 其 中 G 是 英文 Geometry 的 缩写 。G 组 冲 区 存储 了 我 们 
所 关心 的 表面 〈 通 常 指 的 是 离 摄像 机 最 近 的 表面 ) 的 其 他 信息 ， 例 如 该 
表面 的 法 线 、 位 置 、 用 于 光照 计算 的 材质 属性 等 。 


1. 延迟 演 染 的 原理 


延迟 泻 染 主要 包含 了 两 个 Pass。 在 第 一 个 Pass 中 ， 我 们 不 进行 任何 
光照 计算 ， 而 是 仅仅 计算 哪些 片 元 是 可 见 的 ， 这 主要 是 通过 深度 缓冲 技 























术 来 实现 ， 当 发 现 一 个 片 元 是 可 见 的 ， 我 们 就 把 它 的 相关 信息 存储 到 G 
缓冲 区 中 。 然 后 ， 在 第 二 个 Pass 中 ， 我 们 利用 G 绥 冲 区 的 各 个 片 元 信 
恩 ， 例 如 表面 法 线 、 视 角 方 风 、 漫 反射 系数 等 ， 进 行 真正 的 光照 计算 。 


延迟 泻 染 的 过 程 大 致 可 以 用 下 面 的 伪 代 码 来 描述 


Pass 1 1{ 
// 第 一 个 Pass 不 进行 真正 的 光照 计算 
// 仅仅 把 光照 计算 需要 的 信息 存储 到 G 缓 冲 中 


























for (each primitive in this model) { 
for (each fragment covered by this primitive) { 

if (failed in depth test) { 
// 如 果 没 有 通过 深度 测试 ， 说 明 该 片 元 是 不 可 见 的 
discard; 

} else { 
// 如 果 该 片 元 可 见 
// 就 把 需要 的 信息 存储 到 G 缓 冲 中 


writeGBuffer(materialInfo, pos, normal, lightDir, viewDir) 














Pass 2 .1{ 
// 利用 G6 绥 冲 中 的 信息 进行 真正 的 光照 计算 
































for (each pixel in the screen) { 
if (the pixel is valid) { 
// 如 果 该 像素 是 有 效 的 
// 读 取 它 对 应 的 G 缓 冲 中 的 信息 


readGBuffer(pixel, materialInfo, pos, normal, lightDir, viewDi 








// 根据 读 取 到 的 信息 进行 光照 计算 
float4 color = Shading(materialInfo, pos, normal, lightDir, vi 
ewDir); 














// 更 新 帧 缓冲 


writeFrameBuffer(pixel, color); 








可 以 看 出 ， 延 迟 泻 染 使 用 的 Pass 数 目 通 常 就 是 两 个 ， 这 跟 场 景 中 包 
含 的 光源 数目 是 没有 关系 的 。 换 句 话 说， 延迟 泻 染 的 效率 不 依赖 于 场景 
的 复杂 上 度 ， 而 是 和 我 们 使 用 的 屏 右 空间 的 大 小 有 关 。 这 是 因为 ， 我 们 雷 
要 的 信息 都 存储 在 缓冲 区 中 ， 而 这 些 缓冲 区 可 以 理解 成 是 一 张 张 2D 图 
像 ， 我 们 的 计算 实际 上 就 是 在 这 些 图 像 空 间 中 进行 的 。 


2. Unity 中 的 延迟 泻 染 





Unity 有 两 种 延迟 泻 染 路 径 ， 一 种 是 遗留 的 延迟 泻 染 路 径 ， 即 Unity 
5 之 前 使 用 的 延迟 渲染 路 径 ， 而 另 一 种 是 Unity5.x 中 使 用 的 延迟 泻 染 路 
径 。 如 果 游 戏 中 使 用 了 大 量 的 实时 光照 ， 那 么 我 们 可 能 希望 选择 延迟 泻 
染 路 径 ， 但 这 种 路 径 需要 一 定 的 人 硬件 支持 。 


新 旧 延 迟 演 染 路 径 之 间 的 差别 很 小 ， 只 是 使 用 了 不 同 的 技术 来 权衡 
不 同 的 需求 。 例 如 ， 较 旧版 本 的 延迟 演 染 路 径 不 文 持 Unity 5 的 基于 物理 
的 Standard Shader。 以 下 我 们 仅 讨 论 Unity 5 后 使 用 的 延迟 演 染 路 径 。 对 
于 遗留 的 延迟 演 染 路 径 ， 读 者 可 以 在 官方 文档 〈http:/docs.unity3d.comy/ 
Manual/RenderTech-DeferredLighting.html ) 找到 更 多 的 资料 。 


对 于 延迟 泻 染 路 径 来 说 ， 它 最 适合 在 场景 中 光源 数目 很 多 、 如 宁 使 
用 前 问 泻 桨 会 造成 性 能 瓶颈 的 情况 下 使 用 。 而 且 ， 延 迟 泻 染 路 径 中 的 每 
个 光源 都 可 以 按 逐 像素 的 方式 处 理 。 但 是 ， 延 迟 泻 染 也 有 一 些 缺 点 。 


。 不 支持 真正 的 抗 锯齿 (anti-aliasing) 功能 。 

。 不 能 处 理 半 透明 物体 。 

。 对 显卡 有 一 定 要求 。 如 果 要 使 用 延迟 泻 染 的 话 ， 显 卡 必 须 文 持 
MRT (Multiple Render Targets) 、Shader Mode 3.0 及 以 上 、 深 上 度 泻 
染 纹 理 以 及 双 面 的 模板 缓冲 。 


当 使 用 延迟 演 染 时 ，Unity 要 求 我 们 提供 两 个 Pass。 


(1) 第 一 个 Pass 用 于 泻 染 G 绥 冲 。 在 这 个 Pass 中 ， 我 们 会 把 物体 的 
漫 反 射 颜色 、 高 光 反 射 颜色 、 平 请 度 、 法 线 、 目 发 光 和 深度 等 信息 泻 染 
到 屏 磊 空间 的 G 绥 冲 区 中 。 对 于 每 个 物体 来 说 ， 这 个 Pass 仅 会 执行 一 
次 。 











(2) 第 二 个 Pass 用 于 计算 真正 的 光照 模型 。 这 个 Pass 会 使 用 上 一 个 
Pass 中 泻 染 的 数据 来 计算 最 终 的 光照 凑 色 ， 再 存储 到 帧 缓冲 中 。 





默认 的 G 缓 冲 区 注意 ， 不 同 Unity 版 本 的 泻 染 纹理 存储 内 容 会 有 所 
不 同 ) 包含 了 以 下 几 个 演 染 纹理 (Render Texture，RT) 。 


。RT0: 格式 是 ARGB32，RGB 通 道 用 于 存储 漫 反 射 颜色 ，A 通 道 没 
有 被 使 用 。 

。RT1: 格式 是 ARGB32，RGB 通 道 用 于 存储 高 光 反 射 颜 色 ，A 通 道 
用 于 存储 高 光 反 射 的 指数 部 分 。 

。RT2: 格式 是 ARGB2101010，RGB 通 道 用 于 存储 法 线 ，A 通 道 没 有 
被 使 用 。 

。RT3: 格式 是 ARGB32 ( 非 HDR) 或 ARGBHalf CHDR) ， 用 于 存 
储 自发 光 +lightmap+ 反 射 探 针 (reflection probes) 。 

。 深度 缓冲 和 模板 缓冲 。 


当 在 第 二 个 Pass 中 计算 光照 时 ， 默 认 情 况 下 仅 可 以 使 用 Unity 内 置 的 
Standard 兴 照 模型 。 如 果 我 们 想 要 使 用 其 他 的 光照 模型 ， 巴 名 需 需要 丛 换 掉 
原 有 的 Internal-DeferredShading.shader 文 件 。 更 详细 的 信息 可 以 访问 官方 
文档 (http://docs.unity3d.com/Manual/RenderTech-DeferredShading.html 
J 


3. 可 访问 的 内 置 变量 和 函数 


表 9.6 给 出 了 处 理 延迟 演 染 路 径 可 以 使 用 的 光照 变量 。 这 些 变 量 都 
可 以 在 UnityDeferred Library.cginc 文 件 中 找到 它们 的 声明 。 


表 9.6 ”延迟 泻 染 路 径 中 可 以 使 用 的 内 置 变量 















































a 人 i x 间 的 变换 矩阵 。 可 以 用 于 采样 cookie 和 


9.1.4 选择 哪 种 泻 染 路 径 
Unity 的 官方 文档 


Chttp://docs.unity3d.com/Manual/RenderingPaths.html ) 中 给 出 了 4 种 泻 
染 路 径 《〈 前 癌 泻 染 路 径 、 延 迟 演 染 路 径 、 遗 留 的 延迟 演 染 路 径 和 顶点 照 
明 泻 染 路 径 〉 的 详细 比较 ， 包 括 它们 的 特性 比较 (是 否 文 持 逐 像素 光 
照 、 半 透明 物体 、 实 时 阴影 等 ) 、 性 能 比较 以 及 平台 文 持 。 

总 体 来 说 ， 我 们 需要 根据 游戏 发 布 的 目标 平台 来 选择 泻 染 路 径 。 如 
条 当前 显卡 不 文 持 所 选 泻 染 路 径 ， 那 么 Unity 会 自动 使 用 比 其 低 一 级 的 
泻 染 路 径 。 


在 本 书 中 ， 我 们 主要 使 用 Unity 的 前 向 泻 染 路 径 。 


9.2 Unity 的 光源 类 型 


在 前 面 的 例子 中 ， 我 们 的 场景 中 都 仅仅 有 一 个 光源 且 光 源 类 型 是 平 
行 光 《如 果 你 的 场景 不 是 这 样 的 话 ， 可 能 会 得 到 错误 的 结果 ) 。 只 有 一 
个 平行 光 的 世界 很 美好 ， 但 美梦 总 有 醒 的 一 天 ， 这 时 ， 我 们 就 需要 在 
Unity Shader 中 处 理 更 复杂 的 光源 类 型 以 及 数目 更 多 的 光源 。 在 本 节 
中 ， 我 们 将 会 学 习 如 何在 Unity 中 人 处理 点 光源 (point light) 和 聚光灯 
(spotlight) 。 


Unity 一 共 支 持 4 种 光源 类 型 : 平行 光 、 扣 光源 、 有 聚光灯 和 面 光 源 
(area light) 。 面 光源 仅 在 烘焙 时 才 可 发 挥 作用 ， 因 此 不 在 本 市 讨论 
范围 内 。 由 于 每 种 光源 的 几何 定义 不 同 ， 因 此 它们 对 应 的 光源 属性 也 残 
各 不 相同 。 这 就 要 求 我 们 要 区 别 对 符 它 们 。 幸 和 运 的 是 ，Unity 提 供 了 很 
多 内 置 函 数 来 帮 我 们 处 理 这 些 光源 ， 在 本 革 的 最 后 我 们 会 介绍 这 些 函 
数 ， 但 首先 我 们 需要 了 解 它们 背后 的 原理 。 


9.2.1 光源 类 型 有 什么 影响 


我 们 来 看 一 下 光源 类 型 的 不 同 到 底 会 给 Shader 读 来 哪些 影响 。 我 们 
可 以 考虑 Shader 中 使 用 了 光源 的 哪些 属性 。 最 常 使 用 的 光源 属性 有 光源 
的 位 置 、 方 向 (更 具体 说 就 是 ， 到 某 点 的 方 同 ) 、 颜 色 、 强 度 以 及 衰 
减 〈 更 具体 说 就 是 ， 到 某 点 的 衰减 ， 与 该 点 到 光源 的 距离 有 关 ) 这 5 个 
属性 。 而 这 些 属 性 和 它们 的 几何 定义 息息相关 。 


到 于 行 小 


对 于 我 们 之 前 使 用 的 平行 光 来 说 ， 它 的 几何 定义 是 最 简单 的 。 平 行 

光 可 以 照 亮 的 范围 是 没有 限制 的 ， 它 通常 是 作为 太阳 这 样 的 角色 在 场景 

1 0 的 。 图 9.5 给 出 了 Unity 中 平行 光 在 Scene 视 图 中 的 表示 以 及 Light 组 
J 面板。 


平行 光 之 所 以 人 简单， 是 因为 它 没 有 一 个 唯一 的 位 置 ， 也 就 是 说 ， 它 
可 以 放 在 场景 中 的 任意 位 置 〈 回 忆 一 下 ， 我 们 小 时 候 是 不 是 总 感觉 太阳 
跟着 我 们 一 起 移动 )。 它 的 几何 属性 只 有 方 辐 ， 我 们 可 以 调整 平行 光 的 
Transform 组 件 中 的 Rotation 属性 来 改变 它 的 光源 方向 ， 而 且 平 行 光 到 场 
景 中 所 有 点 的 方向 都 是 一 样 的 ， 这 也 是 平行 光 名 字 的 由 来 。 除 此 之 外 ， 
































由 于 平行 光 没 有 一 个 具体 的 位 置 ， 因 此 也 没有 衰减 的 概念 ， 也 就 是 说 ， 
光照 强度 不 会 随 着 距离 而 发 生 改变 。 


2. 扩 光源 
点 光源 的 照 亮 空间 则 是 有 限 的 ， 它 是 由 空间 中 的 一 个 球体 定义 的 。 


点 光源 可 以 表示 由 一 个 点 发 出 的 、 同 所 有 方 问 延伸 的 区。 图 9.6 给 出 了 
Unity 中 点 光源 在 Scene 视图 中 的 表示 以 及 Light 组 件 的 面板 。 
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A 图 9.5 平行 光 
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A 图 9.6 点 光源 


需要 提醒 读者 的 一 点 是 ， 我 们 需要 在 Scene 视 图 中 开局 光照 才能 
i 图 9.7 给 出 了 开启 Scene 视 图 光 
照 的 按钮 。 


球体 的 半径 可 以 由 面板 中 的 Range 属 性 来 调整 ， 也 可 以 在 Scene 视图 
中 直接 拖拉 点 光源 的 线 框 《如 球体 上 的 黄色 控制 点 ) 来 修改 它 的 属性 。 
点 光源 是 有 位 置 属 性 的 ， 它 是 由 点 光源 的 Transform 组 件 中 的 Position 属 
性 定义 的 。 对 于 方向 属性 ， 我 们 需要 用 点 光源 的 位 置 减 去 某 点 的 位 置 来 
得 到 它 到 该 点 的 方向 。 而 点 光源 的 颜色 和 强度 可 以 在 Light 组 件 面板 中 调 
整 。 同 时 ， 点 光源 也 是 会 衰减 的 ， 随 着 物体 逐渐 远离 点 光源 ， 它 接收 到 
的 光照 强度 也 会 逐渐 减 小 。 点 光源 球 心 处 的 光照 强度 最 强 ， 球 体 边 界 处 
的 最 弱 ， 值 为 0。 其 中 间 的 衰减 值 可 以 由 一 个 函数 定义 。 


3 家 ET 











聚光灯 是 这 3 种 光源 类 型 中 最 复杂 的 一 种 。 它 的 照 亮 空间 同样 是 有 
限 的 ， 但 不 再 是 简单 的 球体 ， 而 是 由 空间 中 的 一 块 锥 形 区 域 定 义 的 。 聚 
光 灯 可 以 用 于 表示 由 一 个 特定 位 置 出 发 、 向 特定 方向 延伸 的 光 。 图 9.8 
给 出 了 Unity 中 聚光灯 在 Scene 视图 中 的 表示 以 及 Light 组 件 的 面板 。 





A 图 9.7 开启 Scene 视 图 中 的 光照 








™ MLight 
Type | Spot a 
Baking 


























Range 
Spot Angle JP | 80 
Color [| 鲜 
Intensity ed ) | 8 


Bounce Intensity 


























Shadow Type 






Cookle |None (Texturej |@ 
Draw Halo 可 

Flare |None (Flarej | 
Render Mode LAuto | 
Culling Mask | Everything 和 














A 图 9.8 聚光灯 


这 块 锥 形 区 域 的 半径 由 面板 中 的 Range 属 性 决定 ， 而 锥 体 的 张 开 角 
度 由 Spot Angle 属 性 决定 。 我 们 同样 也 可 以 在 Scene 视图 中 直接 拖拉 聚 光 
灯 的 线 框 ( 如 中 间 的 黄色 控制 点 以 及 四 周 的 黄色 控制 点 ) 来 修改 它 的 属 
性 。 聚 光 灯 的 位 置 同样 是 由 Transform 组 件 中 的 Position 属 性 定义 的 。 对 
于 方 同 属性 ， 我 们 需要 用 聚光灯 的 位 置 减 去 某 点 的 位 置 来 得 到 它 到 该 点 
的 方向 。 聚 光 灯 的 衰减 也 是 随 着 物体 逐渐 远离 点 光源 而 逐渐 减 小 ， 在 锥 
形 的 顶点 处 光照 强度 最 强 ， 在 锥 形 的 边界 处 强度 为 0。 其 中 间 的 衰减 值 
可 以 由 一 个 函数 定义 ， 这 个 函数 相对 于 点 光源 衰减 计算 公式 要 更 加 复 
杂 ， 因 为 我 们 需要 判断 一 个 点 是 否 在 锥 体 的 范围 内 。 


9.2.2 ”在 前 向 泻 染 中 处 理 不 同 的 光源 类 型 

在 了 解 了 3 种 光源 的 几何 定义 后 ， 我 们 来 看 一 下 如 何在 Unity Shader 
中 访问 它们 的 5 个 属性 : 位 置 、 方 向 、 颜 色 、 强 度 以 及 衰减 。 需 要 注 
意 的 是 ， 本 节 均 建立 在 使 用 前 向 泻 染 路 径 的 基础 上 。 

在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 9.9 中 的 效果 。 




















Maximize on Play | Mute adio | Stats | Cizmos ~ 





4 图 9.9 ”使 用 一 个 平行 光 和 一 个 点 光源 共同 照 竞 物体 。 右 图 显示 了 胶 嘻 体 、 平 行 光 和 点 光源 在 
场景 中 的 相对 位 置 


1. 实践 
为 了 实现 上 述 效 果 ， 我 们 首先 做 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene 9 2 2 1。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 


个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window ~ Lighting -~ 
Skybox 中 去 抒 场 景 中 的 天 空 盒 


(2) 新建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
ForwardRenderingMat。 
(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 


Chapter9-ForwardRendering。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材 
质 。 


和 





(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 喜 


(5) 为 了 让 物体 受 多 个 光源 的 影响 ， 我 们 再 新 建 一 个 点 光源 ， 把 


其 颜色 设 为 绿色 ， 以 和 平行 光 进 行 区 分 。 

(6) 保存 场景 。 

我 们 的 代码 使 用 了 Blinn-Phong 光 照 模 型 ， 并 为 前 问 泻 染 定义 了 Base 
Pass 和 Additional Pass 来 处 理 多 个 光源 。 在 这 里 我 们 只 给 出 其 中 关键 的 代 


码 ， 而 省 略 与 之 前 章节 中 重复 的 代码 。 完 整 的 代码 读者 可 以 在 本 书 资源 
中 找到 。 关 键 代 码 如 下 。 


_ 《1) 我 们 首先 定义 第 一 个 Pass 
置 该 Pass 的 泻 染 路 径 标 签 : 





Base Pass。 为 此 ， 我 们 需要 设 





Pass { 
// Pass for ambient light & first pixel light (directional light) 
Tags { "LightMode"="ForwardBase" } 


CGPROGRAM 


// Apparently need to add this declaration 
#pragma multi compile fwdbase 








需要 注意 的 是 ， 我 们 除了 设置 演 染 路 径 外 ， 还 使 用 了 #ragma 编译 
站 令 。#pragma multi_ compile_fwdbase 指令 可 以 保证 我 们 在 Shader 中 
使 用 光照 衰减 等 光照 变量 可 以 被 正确 赋值 。 这 是 不 可 缺少 的 。 


(2) 在 Base Pass 的 片 元 着 色 器 中 ， 我 们 首先 计算 了 场景 中 的 环境 





// Get ambient term 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz; 





我 们 希望 环境 光 计 算 一 次 即 可 ， 因 此 在 后 面 的 Additional Pass 中 束 
不 会 再 计算 这 个 部 分 。 与 之 类 似 ， 还 有 物体 的 自发 光 ， 但 在 本 例 中 ， 我 





们 假设 胶 赛 体 没 有 目 发 兴 效 宁 。 
(3) 然后， 我 们 在 Base Pass 中 处 理 了 场景 中 的 最 重要 的 平行 光 。 








在 这 个 例子 中 ， 场 景 中 只 有 一 个 平行 光 。 如 果 场 景 中 包含 了 多 个 平行 
光 ，Unity 会 会 选择 最 完 的 平行 光 传 递 给 Base Pass 进 行 逐 像素 处 理 ， 其 他 
平行 光 会 按照 逐 顶 点 或 在 Additional Pass 中 按 逐 像素 的 方式 处 理 。 如 果 
场景 中 没有 任何 平行 光 ， 那 么 Base Pass 会 当成 全 黑 的 光源 处 理 。 我 们 提 
到 过 ， 每 一 个 光源 有 5 个 属性 : 位 置 、 方 向 、 颜 色 、 强 度 以 及 衰减 。 

对 于 Base Pass 来 说 ， 它 处 理 的 逐 像素 光源 类 型 一 定 是 平行 区。 我 们 可 以 
使 用 WorldSpaceLightPos0 来 得 到 这 个 平行 光 的 方向 〈 位 置 对 平行 光 来 
说 没有 意义 ) ， 使 用 -LightColor0 来 得 到 它 的 颜色 和 强度 (_LightColor0 
已 经 是 颜色 和 强度 相 乘 后 的 结果 ) ， 由 于 平行 光 可 以 认为 是 没有 衰减 
的 ， 因 此 这 里 我 们 直接 令 隧 减 值 为 1.0。 相 关 代 码 如 下 : 











// Compute diffuse term 
fixed3 diffuse = _LightColore.rgb * Diffuse.rgb * max(8@, dot(worldNormal, 
worldLightDir)); 


// Compute specular term 
fixed3 specular = LightColore.rgb * Specular.rgb * pow(max(@, dot(worldN 


ormal, halfDir)), _Gloss); 


// The attenuation of directional light is always 1 
fixed atten = 1.08; 


return fixed4(ambient + (diffuse + specular) * atten, 1.0); 





至 此 ，Base Pass 的 工作 就 完成 了 。 


(4) 接 下 来 ， 我 们 需要 为 场景 中 其 他 逐 像 素 光 源 定义 Additional 
Pass。 为 此 ， 我 们 首先 需要 设置 Pass 的 演 染 路 径 标签 





Pass { 
// Pass for other pixel lights 
Tags { "LightMode"="ForwardAdd" } 


Blend One One 
CGPROGRAM 


// Apparently need to add this declaration 
#pragma multi compile fwdadd 


| 


除了 设置 演 染 路 径 标 签 外 ， 我 们 同样 使 用 了 #pragma 
multi_compile_fwdadd 指令 ， 如 前 面 所 说 ， 这 个 指令 可 以 保证 我 们 在 
Additional Pass 中 访问 到 正确 的 光照 变量 。 与 Base Pass 不 同 的 是 ， 我 们 
还 使 用 Blend 命 令 开 局 和 设置 了 混合 模式 。 这 是 因为 ， 我 们 希望 
Additional Pass 计 算得 到 的 光照 结果 可 以 在 帧 缓存 中 与 之 前 的 光照 结果 
进行 登 加 。 如 果 没 有 使 用 Blend 命 令 的 话 ，Additional Pass 会 直接 禾 盖 抒 
之 前 的 光照 结果 。 在 本 例 中 ， 我 们 选择 的 混合 系数 是 Blend One One ， 
这 不 是 必需 的 ， 我 们 可 以 设置 成 Unity 支 持 的 任何 混合 系数 。 常 见 的 还 
有 Blend SrcAlpha One 。 








(5) 通常 来 说 ，Additional Pass 的 光照 处 理 和 Base Pass 的 处 理 方式 
是 一 样 的 ， 因 此 我 们 只 需要 把 Base Pass 的 顶点 和 片 元 着 色 器 代码 粘贴 到 
Additional Pass 中 ， 然 后 再 稍微 修改 一 下 即 可 。 这 些 修改 往往 是 为 了 去 
挤 Base Pass 中 环境 光 、 自 发光、 逐 顶 点 光照 、SH 光 照 的 部 分 ， 并 添加 
一 些 对 不 同 光 源 类 型 的 支持 。 因 此 ， 在 Additional Pass 的 片 元 着 色 器 
中 ， 我 们 没有 再 计算 场景 中 的 环境 光 。 由 于 Additional Pass 处 理 的 光源 
类 型 可 能 是 平行 光 、 点 光源 或 是 聚光灯 ， 因 此 在 计算 光源 的 5 个 属性 
人 位置、 方向、 颜色 、 强 度 以 及 衰减 时， 颜色 和 强度 我 们 仍然 可 以 
使 用 _LightColor0 来 得 到 ， 但 对 于 位 置 、 方 向 和 衰减 属性 ， 我 们 就 需要 
根据 光源 类 型 分 别 计算 。 首 先 ， 我 们 来 看 如 何 计算 不 同 光 源 的 方 问 : 




















#ifdef USING DIRECTIONAL LIGHT 
fixed3 worldLightDir = normalize( WorldSpacelLightPosQ.xyz); 


#else 

fixed3 worldLightDir = normalize(_Wor1ldspaceLightPos6.xyz - i.worl 
dPosition .xyz); 
#endif 





在 上 面 的 代码 中 ， 我 们 首先 判断 了 当前 处 理 的 逐 像 素 光 源 的 类 型 ， 
这 是 通过 使 用 ##fdef 指 令 判 断 是 否定 义 了 USING_DIRECTIONAL LIGHT 
来 得 到 的 。 如 果 当 前 前 向 泻 染 Pass 处 理 的 光源 类 型 是 平行 光 ， 那 么 Unity 
的 底层 演 染 引擎 就 会 定义 USING_DIRECTIONAL _ LIGHT。 如 果 判 断 得 
知 是 平行 光 的 话 ， 光 源 方向 可 以 直接 由 WorldSpaceLightPos0.xyz 得 
到 ; 如 果 是 点 光源 或 聚光灯 ， 那 么 _WorldSpaceLightPos0.xyz 表 示 的 是 


世界 空间 下 的 光源 位 置 ， 而 想 要 得 到 光源 方 癌 的 话 ， 我 们 就 需要 用 这 个 
位 置 减 去 世界 空间 下 的 顶点 位 置 。 


(6) 最 后 ， 我 们 需要 处 理 不 同 光 源 的 衰减 : 


#ifdef USING DIRECTIONAL LIGHT 
fixed atten = 1.08; 
#else 
float3 lightCoord = mul( LightMatrix6@, float4(i.worldPposition, 1)).xyz 


fixed atten = tex2D( LightTexture6@, dot(lightCoord, lightCoord).rr).UN 
ITY_ATTEN CHANNEL; 
#endif 





我 们 同样 通过 判断 是 否定 义 了 USING_DIRECTIONAL _LIGHT 来 决 
定 当前 处 理 的 光源 类 型 。 如 果 是 平行 光 的 话 ， 衰 减 值 为 1.0。 如 果 是 其 
他 光源 类 型 ， 那 么 处 理 更 复杂 一 些 。 尽 管 我 们 可 以 使 用 数学 表达 式 来 计 
算 给 定点 相对 于 点 光源 和 聚光灯 的 衰减 ， 但 这 些 计算 往往 涉及 开 根 号 、 
除法 等 计算 量 相 对 较 大 的 操作 ， 因 此 Unity 选 择 了 使 用 一 张 纹理 作为 查 
找 表 (Lookup Table，LUT) ， 以 在 片 元 着 色 器 中 得 到 光源 的 衰减 。 我 
们 首先 得 到 光源 空间 下 的 坐标 ， 然 后 使 用 该 坐标 对 衰减 纹理 进行 采样 得 
到 衰减 值 。 关 于 Unity 中 衰减 纹理 的 细节 可 以 参见 9.3 节 。 


我 们 可 以 在 场景 中 添加 更 多 的 逐 像 素 光 源 来 照 亮 胶 宫 体 。 需 要 注意 
的 是 ， 本 节 只 是 为 了 讲解 处 理 其 他 类 型 光源 的 实现 原理 ， 上 述 代码 并 
不 会 用 于 真正 的 项 目 中 ， 我 们 会 在 9.5 节 给 出 包含 了 完整 光照 计算 的 
Unity Shader。 

















2. 实验 : Base Pass 和 Additional Pass 的 调用 


我 们 在 9.1.1 市 中 给 出 了 前 癌 泻 染 中 Unity 是 如 何 决定 哪些 光源 是 逐 
像 系 光 ， 而 哪些 是 逐 顶 点 或 SH 光 。 为 了 让 读者 有 更 加 直观 的 理解 ， 我 
们 可 以 在 Unity 中 进行 一 个 实验 。 实 验 的 准备 工作 如 下 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene 9 2 2 2。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 


个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 合子 。 在 Window -> Lighting -> 
Skybox 中 去 掉 场 景 中 的 天 空 盒 





(2) 调整 平行 光 的 颜色 为 绿色 。 


(3) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 上 一 节 中 的 
ForwardRenderingMat 材 质 赋 给 该 胶 赛 体 。 


(4) 新 建 4 个 点 光源 ， 调 整 它们 的 颜色 为 相同 的 红色 。 
(5) 保存 场景 。 
我 们 可 以 得 到 类 似 图 9.10 中 的 效果 。 


和 Maxirnize on Play | Mute audio Stats Cizmos ~ 





4 图 9.10 ”使 用 1 个 平行 光 + 4 个 点 光源 照 亮 一 个 物体 


那么 ， 这 样 的 结果 是 怎么 来 的 呢 ? 妆 我 们 创建 一 个 光源 时 ， 默 认 情 
况 下 它 的 Render Mode (可 以 在 Light 组 件 中 设置 ) 是 Auto 。 这 意味 
独 ，Unity 会 在 背后 为 我 们 判断 哪些 光源 会 按 逐 像素 处 理 ， 而 哪些 按 逐 
顶点 或 $SH 的 方式 处 理 。 由 于 我 们 没有 更 改 Edit ~ Project Settings 一 
Quality ~” Pixel Light Count 中 的 数值 ， 因 此 默认 情况 下 一 个 物体 可 以 接 
收 除 最 腕 的 平行 光 外 的 4 个 逐 像素 光照 。 在 这 个 例子 中 ， 场 景 中 共 包 含 
了 5 个 光源 ， 其 中 一 个 是 平行 光 ， 它 会 在 Chapter9-Forward Rendering 的 
Base Pass 中 按 逐 像素 的 方式 被 处 理 ， 其 余 4 个 都 是 点 光源 ， 由 于 它们 的 
Render Mode 为 Auto 且 数 目 正 好 等 于 4， 因 此 都 会 在 Chapter9- 
ForwardRendering 的 Additional Pass 中 逐 像素 的 方式 被 人 处理， 每 个 光源 会 














调用 一 次 Additional Pass。 


在 Unity 5 中 ， 我 们 还 可 以 使 用 帧 调试 器 (Frame Debugger) 工具 
来 查看 场景 的 绘制 过 程 。 使 用 方法 是 : 在 Window -> Frame Debugger 中 
打开 帧 调试 器 ， 如 图 9.11 所 示 。 


从 帧 调试 器 中 可 以 看 出 ， 演 染 这 个 场景 Unity 一 共 进 行 了 6 个 演 染 事 
件 ， 由 于 本 例 中 只 包含 了 一 个 物体 ， 因 此 这 6 个 泻 染 事件 几乎 都 是 用 于 
泻 染 该 物体 的 光照 结果 。 我 们 可 以 通过 依次 单 击 帧 调试 器 中 的 泻 染 事 
件 ， 来 查看 Unity 是 怎样 演 染 物体 的 。 图 9.12 给 出 了 本 例 中 Unity 进 行 的 6 
个 演 染 事件 。 
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A 图 9.11 打开 帧 调试 器 查看 场景 的 绘制 事件 











A 图 9.12 本 例 中 的 6 个 演 染 事件 ， 绘 制 顺序 是 从 左 到 右 、 从 上 到 下 进行 的 


从 图 9.12 可 以 看 出 ，Unity 是 如 何 一 步 步 将 不 同 光照 演 染 到 物体 上 
的 : 在 第 一 个 泻 染 事件 中 ，Unity 首 先 清除 颜色 、 深 度 和 模板 缓冲 ， 为 
后 面 的 泻 染 做 准备 ; 在 第 二 个 泻 染 事件 中 ，Unity 利 用 Chapter9- 
ForwardRendering 的 第 一 个 Pass， 即 Base Pass， 将 平行 区 的 光照 泻 染 到 
帧 缓存 中 ;在 后 面 的 4 个 泻 染 事 件 中 ，Unity 使 用 Chapter9- 
ForwardRendering 的 第 二 个 Pass， 即 Additional Pass， 依 次 将 4 个 点 光源 的 
光照 应 用 到 物体 上 ， 得 到 最 后 的 泻 染 结 果 。 


可 以 注意 到 ，Unity 处 理 这 些 点 光源 的 顺序 是 按照 它们 的 重要 度 排 
序 的 。 在 这 个 例子 中 ， 由 于 所 有 点 光源 的 颜色 和 强度 都 相同 ， 因 此 它们 
的 重要 度 取 决 于 它们 距离 胶结 体 的 远近 ， 因 此 图 9.12 中 首先 绘制 的 是 距 
离 胶 时 体 最 近 的 点 光源 。 但 是 ， 如 果 光 源 的 强度 和 颜色 互 不 相同 ， 那 么 
距离 就 不 再 是 唯一 的 衡量 标准 。 例 如 ， 如 果 我 们 把 现在 距离 最 近 的 点 光 
源 的 强度 设 为 0.2， 那 么 从 帧 调试 右 中 我 们 可 以 发 现 绘制 顺序 发 生 了 变 
化 ， 此 时 首先 绘制 的 是 距离 胶 宫 体 第 二 近 的 点 光源 ， 最 近 的 反光 源 则 会 
在 最 后 被 泻 染 。Unity 官 方 文档 中 并 没有 给 出 光源 强度 、 磊 色 和 距离 物 
体 的 远近 是 如 何 具体 影响 光源 的 重要 上 度 排 序 的 ， 我 们 仪 知道 排序 结果 和 























这 三 者 都 有 关系 。 


对 于 场景 中 的 一 个 物体 ， 如 采 它 不 在 一 个 光源 的 光照 范围 内 ， 
Unity 古 不 会 为 这 个 物体 调用 Pass 来 处 理 这 个 光源 的 。 我 们 可 以 把 本 例 中 
距离 最 远 的 点 光源 的 范围 调 小 ， 使 得 胶 吉 体 在 它 的 照 腕 范围 外 。 此 时 再 
查看 帧 调试 器 ， 我 们 可 以 发 现 泻 染 事件 比 之 前 少 了 一 个 ， 如 图 9.13 所 
示 。 同 样 ， 如 果 一 个 物体 不 在 茶 个 聚光灯 的 范围 内 ，Unity 也 是 不 会 为 
该 物体 调用 相关 的 演 染 事件 的 。 
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A 图 9.13 如果 物体 不 在 一 个 光源 的 光照 范围 内 《从 右 图 可 以 看 出 ， 胶 圳 体 不 在 最 左 方 的 点 光 
源 的 照明 范围 内 ) ，Unity 是 不 会 调用 Additional Pass 来 为 该 物体 处 理 该 光源 的 


我 们 知道 ， 如 果 逐 像素 光源 的 数目 很 多 的 话 ， 访 物体 的 Additional 
Pass 束 会 被 调用 多 次 ， 影 响 性 能 。 我 们 可 以 通过 把 光源 的 Render Mode 
设 为 Not Important 来 告诉 Unity， 我 们 不 希望 把 该 光源 当成 逐 像素 处 
理 。 在 本 例 中 ， 我 们 可 以 把 4 个 点 光源 的 Render Mode 都 设 为 Not 
Important ， 可 以 得 到 图 9.14 中 的 结果 。 
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A 图 9.14 ” 当 把 光源 的 Render Mode 设 为 Not Important 时 ， 这 些 光 源 就 不 会 按 逐 像素 光 来 处 理 


由 于 我 们 在 Chapter9-ForwardRendering 中 没有 在 Bass Pase 中 计算 逐 
项 点 和 SH 光源 ， 因 此 场景 中 的 4 个 点 光源 实际 上 不 会 对 物体 造成 任何 影 
响 。 同 样 ， 如 果 我 们 把 平行 光 的 Render Mode 也 设 为 Not Important ， 
ae 以 猜测 一 下 结果 会 是 什么 。 没 错 ， 物 体 就 会 仅 显 示 环 境 光 的 

那么 ， 我 们 如 何在 前 向 泻 染 路 径 的 Base Pass 中 计算 逐 顶 点 和 SH 交 
人 以 使 用 9.1.1 节 中 提 到 的 内 置 变量 和 函数 来 计算 这 些 光 源 的 光 
AR 多 o 





9.3 Unity 的 光照 衰减 


在 9.2 节 中 ， 我 们 提 到 Unity 使 用 一 张 纹理 作为 查找 表 来 在 片 元 着 色 
名 中 计算 逐 像 系 光 照 的 衰减 。 这 样 的 好 处 在 于 ， 计 算 有 聚 减 不 依赖 于 数学 
公式 的 复杂 性 ， 我 们 只 要 使 用 一 个 参数 值 去 纹理 中 采样 即 可 。 但 使 用 纹 
理 碍 找 来 计算 衰减 也 有 一 些 浆 端 。 


。 需要 预 处 理 得 到 采样 纹理 ， 而 且 纹理 的 大 小 也 会 影 啊 桶 减 的 精度 。 
。 不 直观 ， 同 时 也 不 方便 ， 因 此 一 旦 把 数据 存储 到 得 找 表 中 ， 我 们 就 
无 法 使 用 其 他 数学 公 陈 来 计算 衰减 。 


但 由 于 这 种 方法 可 以 在 一 定 程度 上 提升 性 能 ， 而 且 得 到 的 效果 在 大 
部 分 情况 下 都 是 恨 好 的 ， 因 此 Unity 默 认 就 是 使 用 这 种 纹理 查找 的 方式 
来 计算 逐 像素 的 反光 源 和 聚光灯 的 衰减 的 。 


9.3.1 用 于 光照 豪 减 的 纹理 


Unity 在 内 部 使 用 一 张 名 为 _LightTexture0 的 纹理 来 计算 光源 衰减 。 
需要 注意 的 是 ， 如 果 我 们 对 该 光源 使 用 J 了 cookie， 那么 衰减 查找 纹理 是 
_LightTextureB0， 但 这 里 不 讨论 这 种 情况 。 我 们 通常 只 关心 
_LightTexture0 对 角 线 上 的 纹理 颜色 值 ， 这 些 值 表 明了 在 光源 空间 中 不 
同位 置 的 点 的 衰减 值 。 例 如 ，(0, 0) 点 表明 了 与 光源 位 置 重合 的 点 的 衰减 
值 ， 而 (1, 1 点 表明 了 在 光源 空间 中 所 关心 的 距离 最 远 的 点 的 衰减 。 


为 了 对 _LightTexture0 纹 理 采 样 得 到 给 定点 到 该 光源 的 衰减 值 ， 我 
们 首先 需要 得 到 该 点 在 光源 空间 中 的 位 置 ， 这 是 通过 _LightMatrix0 变 换 
和 矩阵 得 到 的 。 在 9.1.1 节 中 ， 我 们 已 经 知道 _LightMatrix0 可 以 把 顶点 从 世 
界 空间 变换 到 光源 空间 。 因 此 ， 我 们 只 需要 把 _LightMatrix0 和 世界 空间 
中 的 顶点 坐标 相 乘 即 可 得 到 光源 空间 中 的 相应 位 置 : 

















float3 lightCoord = mul( LightMatrix6@, float4(i.worldPposition, 1)).xyz; 





然后 ， 我 们 可 以 使 用 这 个 坐标 的 模 的 平方 对 惨 减 纹理 进行 采样 ， 得 
到 衰减 值 : 


fixed atten = tex2D(_LightTexture6，dot(1L1ightCoord， lightCoord).rr).UNITY 
_ATTEN_CHANNEL ; 





可 以 发 现 ， 在 上 面 的 代码 中 ， 我 们 使 用 了 光源 空间 中 顶点 距离 的 平 
方 (通过 dot 函 数 来 得 到 ) 来 对 纹理 采样 ， 之 所 以 没有 使 用 距离 值 来 采 
样 是 因为 这 种 方法 可 以 避免 开 方 操作 。 然 后 ， 我 们 使 用 宏 
UNITY_ATTEN_CHANNEL 来 得 到 衰减 纹理 中 衰减 值 所 在 的 分 量 ， 以 得 
到 最 终 的 衰减 值 。 


9.3.2 ”使 用 数学 公式 计算 衰减 
尽管 纹理 采样 的 方法 可 以 减少 计算 衰减 时 的 复杂 度 ， 但 有 时 我 们 和 希 


望 可 以 在 代码 中 利用 公式 来 计算 光源 的 衰减 。 例 如 ， 下 面 的 代码 可 以 计 
算 光 源 的 线性 衰减 : 




















float distance = length(_WorldspaceLightPos6.xyz - i.worldPosition.xyz); 
atten = 1.6 / distance; // linear attenuation 





可 惜 的 是 ，Unity 没 有 在 文档 中 给 出 内 置 衰减 计算 的 相关 说 明 。 尽 
管 我 们 仍然 可 以 在 片 元 着 色 器 中 利用 一 些 数 学 公式 来 计算 衰减 ， 但 由 于 
我 们 无 法 在 Shader 中 通过 内 置 变量 得 到 光源 的 范围 、 聚 光 灯 的 朝 同 、 张 
开 角 上 度 等 信息 ， 因 此 得 到 的 效果 往往 在 有 些 时 候 不 尽 如 人 意 ， 尤 其 在 物 
体 离开 光源 的 照明 范围 时 会 发 生 突变 (这 是 因为 ， 如 果 物 体 不 在 该 光源 
的 照明 范围 内 ，Unity 束 不 会 为 物体 执行 一 个 Additional Pass) 。 当 然 ， 
我 们 可 以 利用 脚本 将 光源 的 相关 信息 传递 给 Shader， 但 这 样 的 灵活 性 很 
低 。 我 们 只 能 期 待 未 来 的 版 本 中 Unity 可 以 完善 文档 并 开放 更 多 的 参数 
给 开发 者 使 用 。 





9.4 Unity 的 阴影 


为 了 让 场景 看 起 来 更 加 真实 ， 具 有 深度 信息 ， 我 们 通常 希望 光 源 可 
以 把 一 些 物体 的 阴影 投射 在 其 他 物体 上 。 在 本 节 ， 我 们 就 来 学 习 如 何在 
Unity 中 让 一 个 物体 问 其 他 物体 投射 阴影 ， 以 及 如 何 让 一 个 物体 接收 来 
目 其 他 物体 的 阴影 。 


9.4.1 ”阴影 是 如 何 实现 的 


我 们 可 以 先 考 虑 真实 生活 中 阴影 是 如 何 产 生 的 。 当 一 个 光源 友 射 的 
一 条 光线 遇 到 一 个 不 透明 物体 时 ， 这 条 光线 就 不 可 以 再 继续 照 腕 其 他 物 
体 〈 这 里 不 考虑 光线 反射 ) 。 因 此 ， 这 个 物体 就 会 向 它 劳 边 的 物体 投射 
阴影 ， 那 些 阴 影 区 域 的 产生 是 因为 光线 无 法 到 达 这 些 区 域 。 


在 实时 泻 染 中 ， 我 们 最 常 使 用 的 是 一 种 名 为 Shadow Map 的 技术 。 
这 种 技术 理解 起 来 非常 简单 ， 它 会 首先 把 摄像 机 的 位 置 放 在 与 光源 重合 
的 位 置 上 ， 那 么 场景 中 该 光源 的 阴影 区 域 就 是 那些 摄像 机 看 不 到 的 地 
方 。 而 Unity 束 是 使 用 的 这 种 技术 。 


在 前 问 泻 染 路 径 中 ， 如 果 场 景 中 最 重要 的 平行 光 开 启 了 阴影 ， 
Unity 吏 会 为 该 光源 计算 它 的 阴影 映射 纹理 (shadowmap) 。 这 张 阴影 映 
射 纹理 本 质 上 也 是 一 张 深 度 图 ， 它 记录 了 从 该 光源 的 位 置 出 发 、 能 看 到 
的 场景 中 距离 它 最 近 的 表面 位 置 (深度 信息 )。 


那么 ， 在 计算 阴影 映射 纹理 时 ， 我 们 如 何 判 定 距离 它 最 近 的 表面 位 
置 呢 ? 一 种 方法 是 ， 先 把 摄像 机 放置 到 光源 的 位 置 上 ， 然 后 按 正 常 的 泻 
染 流程 ， 即 调用 Base Pass 和 Additional Pass 来 更 新 深度 信息 ， 得 到 阴影 
映射 纹理 。 但 这 种 方法 会 对 性 能 造成 一 定 的 浪费 ， 因 为 我 们 实际 上 仪 仅 
需要 深度 信息 而 已 ， 而 Base Pass 和 Additional Pass 中 往往 涉及 很 多 复杂 
的 光照 模型 计算 。 因 此 ，Unity 选 择 使 用 一 个 额外 的 Pass 来 专门 更 新 光源 
的 阴影 映射 纹理 ， 这 个 Pass 就 是 LightMode 标签 被 设置 为 ShadowCaster 
的 Pass。 这 个 Pass 的 泻 染 目标 不 是 帧 缓存 ， 而 是 阴影 映射 纹理 (或 深度 
纹理 ) 。Unity 首 先 把 摄像 机 放置 到 光源 的 位 置 上 ， 然 后 调用 该 Pass， 通 
过 对 顶点 变换 后 得 到 光源 空间 下 的 位 置 ， 并 据 此 来 输出 深度 信息 到 阴影 
映射 纹理 中 。 因 此 ， 当 开局 了 光源 的 阴影 效果 后 ， 底 层 演 染 引 擎 首先 会 
在 当前 演 染 物体 的 Unity Shader 中 找到 LightMode 为 ShadowCaster 的 
































Pass， 如 果 没 有 ， 它 就 会 在 Fallback 指定 的 Unity Shader 中 继续 寻找 ， 如 
果 仍 然 没 有 找到 ， 该 物体 就 无 法 回 其 他 物体 投 冉 阴影 (但 它 仍 然 可 以 接 
收 来 自 其 他 物体 的 阴影 ) 。 当 找到 了 一 个 LightMode 为 ShadowCaster 
的 Pass 后 ，Unity 会 使 用 该 Pass 来 更 新 光源 的 阴影 映射 纹理 。 


在 传统 的 阴影 映射 纹理 的 实现 中 ， 我 们 会 在 正常 泻 染 的 Pass 中 把 顶 
点 位 置 变换 到 光源 空间 下 ， 以 得 到 它 在 光源 空间 中 的 三 维 位 置信 息 。 然 
后 ， 我 们 使 用 xy 分 量 对 阴影 映射 纹理 进行 采样 ， 得 到 阴影 映射 纹理 中 该 
位 置 的 深度 信息 。 如 果 该 深度 值 小 于 该 项 点 的 深度 值 (通常 由 z 分 量 得 
到 ) ， 那 么 说 明 该 点 位 于 阴影 中 。 但 在 Unity 5 中 ，Unity 使 用 了 不 同 于 
这 种 传统 的 阴影 采样 技术 ， 即 屏幕 空间 的 阴影 映射 技术 〈Screenspace 
Shadow Map ) 。 屏 幕 空间 的 阴影 映射 原本 是 延迟 演 染 中 产生 阴影 的 方 
法 。 需 要 注意 的 是 ， 并 不 是 所 有 的 平台 Unity 都 会 使 用 这 种 技术 。 这 是 
On 而 有 些 移动 平台 不 文 持 


当 使 用 了 屏 疾 空 间 的 阴影 映射 技术 时 ，Unity 首 先 会 通过 调 

用 LightMode 为 ShadowCaster 的 Pass 来 得 到 可 投射 阴影 的 光源 的 阴影 
映射 纹理 以 及 摄像 机 的 深度 纹理 。 然 后 ， 根 据 光 源 的 阴影 映射 纹理 和 摄 
像 机 的 深度 纹理 来 得 到 屏 秦 空间 的 阴影 图 。 如 果 摄 像 机 的 深度 图 中 记录 
的 表面 深度 大 于 转换 到 阴影 映射 纹理 中 的 深度 值 ， 就 说 明 该 表面 虽然 是 
可 见 的 ， 但 是 却 处 于 该 光源 的 阴影 中 。 通 过 这 样 的 方式 ， 阴 影 图 就 包含 
了 屏幕 空间 中 所 有 有 阴影 的 区 域 。 如 果 我 们 想 要 一 个 物体 接收 来 自 其 他 
物体 的 阴影 ， 只 需要 在 Shader 中 对 阴影 图 进行 采样 。 由 于 阴影 图 是 屏幕 
空间 下 的 ， 因 此 ， 我 们 首先 需要 把 表面 坐标 从 模型 空间 变换 到 屏 磊 空间 
中 ， 然 后 使 用 这 个 坐标 对 阴影 图 进行 采样 即 可 。 


总 结 一 下 ， 一 个 物体 接收 来 目 其 他 物体 的 阴影 ， 以 及 它 癌 其 他 物体 
投 财 阴影 是 两 个 过 程 。 


。 如 果 我 们 想 要 一 个 物体 接收 来 自 其 他 物体 的 阴影 ， 就 必须 在 Shader 
中 对 阴影 映射 纹理 〈 包 括 屏 幕 空间 的 阴影 图 ) 进行 采样 ， 把 采样 结 
果 和 最 后 的 光照 结果 相 乘 来 产生 阴影 效果 。 

。 如 有 条 我 们 想 要 一 个 物体 癌 其 他 物体 投射 阴影 ， 惑 必须 把 该 物体 加 入 
到 光源 的 阴影 映射 纹理 的 计算 中 ， 从 而 让 其 他 物体 在 对 阴影 映射 纹 
理 采 样 时 可 以 得 到 该 物体 的 相关 信息 。 在 Unity 中 ， 这 个 过 程 是 通 
过 为 该 物体 执行 LightMode 为 ShadowCaster 的 Pass 来 实现 的 。 如 
果 使 用 了 屏幕 空间 的 投影 映射 技术 ，Unity 还 会 使 用 这 个 Pass 产 生 一 






































张 摄像 机 的 深度 纹理 。 

在 下 面 的 章节 中 ， 我 们 会 学 习 如 何在 Unity 中 实现 上 面 两 个 过 程 。 
9.4.2 不 透明 物体 的 阴影 

我 们 首先 进行 如 下 的 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene 9 4 2。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 
0 1 在 Window ”Lighting ~ Skybox 
中 去 掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资 源 中 ， 该 材质 名 为 ShadowMat。 我 
们 把 9.2 节 中 的 Chapter9-ForwardRendering 赋 给 它 


(3) 在 场景 中 创建 一 个 正方 体 、 两 个 平面 ， 并 把 第 2 步 中 的 材质 赋 
给 正方 体 ， 但 不 改变 两 个 平面 的 材质 (默认 情况 下 ， 它 们 会 使 用 内 置 的 
Standard 材 质 ) 

(4) 保存 场景 。 


为 了 让 场景 中 可 以 产生 阴影 我们 首先 需要 让 平行 光 可 以 收集 阴影 
信息 。 这 需要 在 光源 的 Light 组 件 中 开启 阴影 ， 如 图 9.15 所 示 。 


在 本 例 中 ， 我 们 选择 了 软 阴 影 (Soft Shadows) 。 
1. 让 物体 投射 阴影 
在 Unity 中 ， 我 们 可 以 选择 是 否 让 一 个 物体 投射 或 接收 阴影 。 这 是 


通过 设置 Mesh Renderer 组 件 中 的 Cast Shadows 和 Receive Shadows 属 
性 来 实现 的 ， 如 图 9.16 所 示 。 
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和 图 9.15 开局 光源 的 阴影 效果 
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A 图 9.16 ”Mesh Renderer 组 件 的 Cast Shadows 和 Receive Shadows 属性 可 以 控制 该 物体 是 否 
射 /接收 阴影 


Cast Shadows 可 以 被 设置 为 开局 〈On) 或 关闭 (Off) 。 如 果 开 局 
了 Cast Shadows 属性 ， 那 么 Unity 就 会 把 该 物体 加 入 到 光源 的 阴影 映射 
纹理 的 计算 中 ， 从 而 让 其 他 物体 在 对 阴影 映射 纹理 采样 时 可 以 得 到 该 物 
体 的 相关 信息 。 正 如 之 前 所 说 ， 这 个 过 程 是 通过 为 该 物体 执 
行 LightMode 为 ShadowCaster 的 Pass 来 实现 的 。Receive Shadows 则 可 
以 选择 是 人 否 让 物体 接收 来 自 其 他 物体 的 阴影 。 如 果 没 有 开局 Receive 
Shadows ， 那 么 当 我 们 调用 Unity 的 内 置 宏和 变量 计算 阴影 〈 在 后 面 我 
们 会 看 到 如 何 实现 ) 时 ， 这 些 宏 通 过 判断 该 物体 没有 开启 接收 阴影 的 功 
能 ， 融 不 会 在 内 部 为 我 们 计算 阴影 。 





我 们 把 正方 体 和 两 个 平面 的 Cast Shadows 和 Receive Shadows 都 设 
为 开局 状态 ， 可 以 得 到 图 9.17 中 的 结果 。 
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A 图 9.17 开启 Cast Shadows 和 Receive Shadows ， 从 而 让 正方 体 可 以 投射 和 接收 阴影 





从 图 9.17 可 以 发 现 ， 尽 管 我 们 没有 对 正方 体 使 用 的 Chapter9- 
ForwardRendering 进 行 任何 更 改 ， 但 正方 体 仍然 可 以 同 下 面 的 平面 投 冉 
阴影 。 一 些 读 者 可 能 会 有 疑问 : “之 前 不 是 说 Unity 要 使 用 LightMode 
为 ShadowCaster 的 Pass 来 泻 染 阴影 映射 纹理 和 深度 图 吗 ? 但 是 
Chapter9-ForwardRendering 中 并 没有 这 样 一 个 Pass 啊 。” 没 错 ， 我 们 在 
Chapter9-Forward Rendering 的 SubShader 只 定义 了 两 个 Pass 一 一 一 个 Base 
Pass， 一 个 Additional Pass。 那 么 为 什么 它 还 可 以 投射 阴影 呢 ? 实际 上 ， 
秘密 就 在 于 Chapter9- ForwardRendering 中 的 Fallback 语义 : 


Fallback "Specular" 


在 Chapter9-ForwardRendering 中 ， 我 们 为 它 的 Fallback 指 定 了 一 个 用 








于 回调 Unity Shader， 即 内 置 的 Specular。 昌 然 Specular 本 身 也 没有 包含 
这 样 一 个 Pass， 但 是 由 于 它 的 Fallback 调 用 了 VertexLit， 它 会 继续 回调 ， 
并 最 终 回调 到 内 置 的 VertexLit。 我 们 可 以 在 Unity 内 置 的 着 色 器 里 找到 
它 : builtin-shaders-xxx->DefaultResourcesExtra->Normal- 
VertexLit.shader。 打 开 它 ， 我 们 就 可 以 看 到 “传说 中 ”的 LightMode 

为 ShadowCaster 的 Pass 了 : 


// Pass to render object as a shadow caster 
Pass { 

Name "ShadowCaster" 

Tags { "LightMode" = "ShadowCaster" } 


CGPROGRAM 

#pragma vertex vert 

#pragma fragment frag 

#pragma multi compile shadowcaster 
#include "UnityCG.cginc" 


struct v2f { 
V2F_SHADOW CASTER,; 
}; 


v2f vert( appdata base v ) 

{ 
v2f o; 
TRANSFER_ SHADOW CASTER NORMALOFFSET(o) 
return o; 


} 


float4 frag( v2f i ) : SV _ Target 
{ 


SHADOW_CASTER FRAGMENT(i) 


ENDCG 





上 面 的 代码 非常 短 ， 尺 管 有 一 些 宏和 指令 是 我 们 之 前 没有 过 到 过 
的 ， 但 它们 的 用 处 实际 上 就 是 为 了 把 深度 信息 写 入 泻 染 目标 中 。 在 
Unity 5 中 ， 这 个 Pass 的 泻 染 目标 可 以 是 光源 的 阴影 映射 纹理 ， 或 是 摄像 
机 的 深度 纹理 。 











如 果 我 们 把 Chapter9-ForwardRendering 中 的 Fallback 注 释 掉 ， 就 可 以 
发 现 正方 体 不 会 再 癌 平 面 投 射 阴 影 了 。 当 然 ， 我 们 可 以 不 依赖 
Fallback， 而 自行 在 SubShader 中 定义 自己 的 LightMode 为 ShadowCaster 
的 Pass。 这 种 自 定 义 的 Pass 可 以 让 我 们 更 加 灵活 地 控制 阴影 的 产生 。 但 
由 于 这 个 Pass 的 功能 通常 是 可 以 在 多 个 Unity Shader 则 通用 的 ， 因 此 直接 
Fallback 是 一 个 更 加 方便 的 用 法 。 在 之 前 的 章节 中 ， 我 们 有 时 也 在 
Fallback 中 使 用 内 置 的 Diffuse， 虽 然 Diffuse 本 身 也 没有 包含 这 样 一 个 
Pass， 但 是 由 于 它 的 Fallback 调 用 了 VertexLit， 因 此 Unity 最 终 还 是 会 找 
到 一 个 LightMode 为 ShadowCaster 的 Pass， 从 而 可 以 让 物体 产生 阴 
影 。 在 下 面 的 9.4.2 节 中 ， 我 们 将 继续 看 到 LightMode 为 ShadowCaster 
的 Pass 对 产生 正确 的 阴影 的 重要 性 。 


图 9.17 中 还 有 一 个 有 意思 的 现象 ， 束 是 右 侧 的 平面 并 没有 问 最 下 面 
的 平面 投射 阴影 ， 尽 管 它 的 Cast Shadows 己 经 被 开启 了。 在 默认 情况 
下 ， 我 们 在 计算 光源 的 阴影 映射 纹理 时 会 剔除 掉 物 体 的 背面 。 但 对 于 内 
置 的 平面 来 说 ， 它 只 有 一 个 面 ， 因 此 在 本 例 中 当 计 算 阴 影 映 射 纹 理 时 ， 
由 于 右 侧 的 平面 在 光源 空间 下 没有 任何 正面 (frontface〉， 因 此 就 不 会 
添加 到 阴影 映射 纹理 中 。 我 们 可 以 将 Cast Shadows 设置 为 Two Sided 来 
允许 对 物体 的 所 有 面 都 计算 阴影 信息 。 图 9.18 给 出 了 当 把 右 侧 平面 的 
Cast Shadows 设置 为 Two Sided 后 的 结果 。 
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A 图 9.18 把 Cast Shadows 设置 为 Two Sided 可 以 让 右 侧 平面 的 背光 面 也 产生 阴影 


在 本 例 中 ， 最 下 面 的 平面 之 所 以 可 以 接收 阴影 是 因为 它 使 用 了 内 置 
的 Standard Shader， 而 这 个 内 置 的 Shader 进 行 了 接收 阴影 的 相关 操作 。 
但 由 于 正方 体 使 用 的 Chapter9-ForwardRendering 并 没有 对 阴影 进行 任何 
处 理 ， 因 此 和 它 不 会 显示 出 右 侧 平 面 投射 来 的 阴影 。 在 下 一 节 中 ， 我 们 将 
学 习 如 何 让 正方 体 也 可 以 接收 阴影 。 
2. 让 物体 接收 阴影 

为 了 让 正方 体 可 以 接收 阴影 ， 我 们 首先 新 建 一 个 Unity Shader， 在 
本 书 资源 中 ， 它 的 名 称 为 Chapter9-Shadow。 我 们 把 Chapter9-Shadow 赋 
给 正方 体 使 用 的 材质 ShadowMat。 删 除 Chapter9- Shadow 中 的 代码 ， 把 
Chapter9-ForwardRendering 的 代码 复制 给 它 。 当 然 ， 这 样 仍然 不 会 有 任 
何 阴影 出 现在 正方 体 上 ， 因 此 我 们 需要 对 代码 进行 一 些 更 改 。 


(1) 首先 ， 我 们 在 Base Pass 中 包含 进 一 个 新 的 内 置 文件 : 


#include "AutoLight.cginc'"。 


这 是 因为 ， 我 们 下 面 计 算 阴影 时 所 用 的 宏 都 是 在 这 个 文件 中 声明 























(2) 我 们 在 顶点 着 色 器 的 输出 结构 体 v2f 中 添加 了 一 个 内 置 宏 
SHADOW_COORDS : 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD6 ; 
float3 worldPos : TEXCOORD1; 


SHADOW_COORDS (2) 


}; 





这 个 宏 的 作用 很 简单 ， 就 是 声明 一 个 用 于 对 阴影 纹理 采样 的 坐标 。 
需要 注意 的 是 ， 这 个 宏 的 参数 需要 是 下 一 个 可 用 的 插值 寄存 顺 的 索引 
值 ， 在 上 面 的 例子 中 就 是 2。 





(3) 然后 ， 我 们 在 顶点 着 色 嚣 返回 之 前 添加 男 一 个 内 置 宏 
TRANSFER_SHADOW : 


v2f vert(a2v v) { 
v2f 0o; 


// Pass shadow coordinates to pixel shader 
TRANSFER SHADOW(0); 


return o; 











这 个 宏 用 于 在 顶 扣 着 色 器 中 计算 上 一 步 中 声明 的 阴影 纹理 坐标 。 


(4) 接着 ,我 们 在 片 元 着 色 器 中 计算 阴影 值 ， 这 同样 使 用 了 一 个 
内 置 宏 SHADOW_ ATTENUATION : 





// Use shadow coordinates to sample shadow map 
fixed shadow = SHADOW ATTENUATION(i); 





SHADOW_COORDS 、TRANSFER_SHADOW 和 
SHADOW_ATTENUATION 是 计算 阴影 时 的 “三 剑客 ”?。 这 些 内 置 宏 帮 
助 我 们 在 必要 时 计算 光源 的 阴影 。 我 们 可 以 在 AutoLight.cginc 中 找到 它 
们 的 声明 : 











// ---- Screen space shadows 
#if defined (SHADOWS SCREEN) 
UNITY_DECLARE SHADOWMAP(_ ShadowMapTexture); 
#define SHADOW COORDS(idx1) unityShadowCoord4 ShadowCoord : TEXCOORD# 
#idx1; 
#if defined(UNITY NO_SCREENSPACE SHADOWS) 
#define TRANSFER SHADOW(a) a._ ShadowCoord = mul( unity World2Shado 


w[9j]， 
mul( _Object2World, v.vertex ) ); 
inline fixed unitySampleShadow (unityShadowCoord4 shadowCoord) 


#else // UNITY NO SCREENSPACE SHADOWS 
#define TRANSFER SHADOW(a) a. ShadowCoord = ComputeScreenpos(a.pos 


inline fixed unitySampleShadow (unityShadowCoord4 shadowCoord) 
{ 
fixed shadow = tex2Dproj( _ShadowMapTexture, UNITY_ PROJ COORD( 
shadowCoord) ).r; 
return shadow; 
} 
#endif 
#define SHADOW ATTENUATION(a) unitySampleShadow(a._ShadowCoord) 
#endif 


// ---- Spot light shadows 
#if defined (SHADOWS DEPTH) && defined (SPOT) 


#endif 


// ---- Point light shadows 
#if defined (SHADOWS CUBE) 


#endif 


// ---- Shadows off 
#if ldefined (SHADOWS SCREEN) && !defined (SHADOWS DEPTH) && !defined (SHA 
DOWS_CUBE) 
#define SHADOW COORDS(idx1) 
#define TRANSFER SHADOW(a) 
#define SHADOW ATTENUATION(a) 1.6 
#endif 








上 面 的 代码 看 起 来 很 多 、 很 复 洒 ， 实 际 上 只 是 Unity 为 了 处 理 不 同 





光源 类 型 、 不 同 平台 而 定义 了 多 个 版 本 的 宏 。 在 前 问 泻 染 中 ， 宏 
SHADOW_COORDS 实际 上 就 是 声明 了 一 个 名 为 _ ShadowCoord 的 阴影 
纹理 坐标 变量 。 而 TRANSFER_SHADOW 的 实现 会 根据 平台 不 同 而 有 
所 差异 。 如 果 当 前 平台 可 以 使 用 屏幕 空间 的 阴影 映射 技术 〈 通 过 判断 是 
否定 义 了 UNITY NO_SCREENSPACE_SHADOWS 来 得 

到 ) ，TRANSFER_SHADOW 会 调用 内 置 的 ComputeScreenPos 函 数 来 
计算 _ShadowCoord; 如果 该 平台 不 文 持 屏幕 空间 的 阴影 映射 技术 ， 就 








会 使 用 传统 的 阴影 映射 技术 ，TRANSFER_SHADOW 会 把 顶点 坐标 从 
模型 空间 变换 到 光源 空间 后 存储 到 _ShadowCoord 中 。 然 后 ， 
SHADOW_ATTENUATION 人 负责 使 用 _ShadowCoord 对 相关 的 纹理 进行 
采样 ， 得 到 阴影 信息 。 


注意 到 ， 上 面 内 置 代码 的 最 后 定义 了 在 关闭 阴影 时 的 处 理 代 码 。 可 
以 看 出 ， 当 关闭 了 阴影 后 ，SHADOW_COORDS 和 
TRANSEFER_SHADOW 实际 没有 任何 作用 ， 
而 SHADOW_ATTENUATION 会 直接 等 同 于 数值 1。 


需要 读者 注意 的 是 ， 由 于 这 些 宏 中 会 使 用 上 下 文 变量 来 进行 相关 
计算 ， 例 如 TRANSFER_SHADOW 会 使 用 v.vertex 或 apos 来 计算 坐标 ， 
因此 为 了 能 够 让 这 些 宏 正确 工作 ， 我 们 需要 保证 自 定 义 的 变量 名 和 这 些 
宏 中 使 用 的 变量 名 相 匹 配 。 我 们 需要 保证 : a2f 结 构 体 中 的 顶点 坐标 变 
量 名 必须 是 vertex ， 顶 点 着 色 器 的 输出 结构 体 v2f 必 须 命名 为 v， 且 v2f 
中 的 顶点 位 置 变量 必须 命名 为 pos 。 


(5) 在 完成 了 上 面 的 所 有 操作 后 ， 我 们 只 需要 把 阴影 值 shadow 和 
漫 反 射 以 及 高 光 反 射 颜色 相 乘 即 可 。 


保存 文件 ， 返 回 Unity 我 们 可 以 发 现 ， 现 在 正方 体 也 可 以 接收 来 目 
右 侧 平 面 的 阴影 了 了 ， 如 图 9.19 所 示 。 
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A 图 9.19 正方 体 可 以 接收 来 自 右 侧 平面 的 阴影 


需要 注意 的 是 ， 在 上 面 的 代码 里 我 们 只 更 改 了 Base Pass 中 的 代码 ， 
使 其 可 以 得 到 阴影 效果 ， 而 没有 对 Additional Pass 进 行 任 何 更 改 。 大 体 
上 ，Additional Pass 的 阴 影 处 理 和 Base Pass 是 一 样 的 。 我 们 将 在 9.4.4 市 
看 到 如 何 处 理 这 些 阴影 。 本 节 实 现 的 代码 仅 是 为 了 解释 如 何 让 物体 接收 
阴影 ， 但 不 可 以 直接 应 用 到 项 目 的 我 们 会 在 9.5 节 中 给 出 包含 了 完整 
的 光照 处 理 的 Unity Shader。 


9.4.3 ”使 用 帧 调试 絮 查 看 阴影 绘制 过 程 


尽管 我 们 在 上 面 描 述 了 阴影 的 产生 过 程 ， 但 如 果 有 直观 的 方式 看 到 
会 制 过 程 那 就 太 好 了 了! 幸运 的 是 ，Unity 5 添加 了 一 个 新 的 
其 曾 在 9.2.2 节 中 利用 它 查 看 过 Pass 的 绘制 过 程 ， 
在 本 节 我 们 会 通过 它 来 查看 阴 时 区 的 绘制 过 程 。 


首先 ， 我 们 需要 在 Window -> Frame Debugger 中 打开 眉 调 试 避 。 图 
9.20 给 出 了 Scene_9_4_? 在 帧 调试 器 中 的 分 析 结 果 。 











从 图 9.20 中 可 以 看 出 ， 绘 制 该 场景 共 需要 花费 20 个 泻 染 事件 。 这 些 
演 染 事件 可 以 分 为 4 个 部 分 : UpdateDepthTexture， 即 更 新 摄像 机 的 深度 
纹理 ，RenderShadowmap， 即 泻 染 得 到 平行 光 的 阴影 映射 纹理 
CollectShadows， 即 根据 深度 纹理 和 阴影 映射 纹理 得 到 屏幕 空间 的 阴影 
图 ， 最 后 绘制 泻 染 结果 。 
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Camera.Render 


Event #20: Draw Mesh 
了 
pda Dept Texture Shader: Standard pass #0 DIRECTIONAL SHADOWS_SCREEN LICHTMAP_OFF DIRLIGHTMAP_OFF DYNAM 
Clear (color+Z+stencil) 


Draw Mesh Plane (1) Blend One Zero, One Zero ColorMask RGCBA 


Draw Mesh Cube ZTest LessEqual ZWrite On Cull Back Offset 0, 0 
Draw Mesh Plane 
WDrawing 16 
wRender.OpaqueGeometry 16 
WRenderForwardOpaque.Render 16 
WwShadows.RenderShadowmap 10 


WwShadows.RenderShadowmapDir 10 
Clear (color+Z+stencil) 
Draw Mesh Plane 
Draw Mesh Cube 
Draw Mesh Plane (1) 
Draw Mesh Plane 
Draw Mesh Cube 
Draw Mesh Plane (1) 
Draw Mesh Plane 
Draw Mesh Plane (1) 
Draw Mesh Plane (1) 
wRenderForwardOpaque.CollectSshadows 2 
WShadows.CollectShadows 2 
Clear (color) 
Draw GL 
VClear 1 
Clear (color+Z+stencih) 
Draw Mesh Plane 
Draw Mesh Cube 


Plane subset 0 
Draw Mesh Plane (1) plane (1) 121 verts, 600 indices 





4 图 9.20 ”使 用 帧 调试 器 查看 阴影 绘制 过 程 


我 们 首先 来 看 第 一 个 部 分 ， 更 新 摄像 机 的 深度 纹理 ， 这 是 前 4 个 洽 
染 事 件 的 工作 。 我 们 可 以 单 击 这 些 事件 查看 它们 的 绘制 结 末 。 图 9.21 给 
出 了 正方 体 对 深度 纹理 的 更 新 结果 。 








Camera.Render RenderTarget: Camera DepthTexture 
YUpdateDepthTexture 4 ” - 
Clear (color+Z+stencih) - 
Draw Mesh Plane (1) 523x417 Depth 
Event #3: Draw Mesh 


|rTO | Chant 





Shader Unity Shader Book/Chapter9 Shadow pass #3 SHADOWS_DEPTH 
Blend One Zero, One Zero ColorMask RCBA 
ZTest LessEqual ZWrite On Cull Back Offset 0, 0 








A 图 9.21 正方 体 对 深度 纹理 的 更 新 结果 


从 帧 调试 器 右 侧 的 面板 我 们 可 以 了 解 这 一 泻 染 事件 的 详细 信息 。 在 
图 9.21 中 ， 我 们 可 以 发 现 ，Unity 调 用 了 Shader: Unity Shader 
Book/Chapter9 Shadow pass #3 来 更 新 深度 纹理 ， 即 Chapter9-Shadow 中 
的 第 三 个 Pass。 尽 管 Chapter9-Shadow 中 只 \ 定 义 了 两 个 Pass， 但 正如 我 们 
之 前 所 说 ，Unity 会 在 它 的 Fallback 中 找到 第 三 个 Pass， 即 LightMode 
为 ShadowCaster 的 Pass 来 更 新 摄像 机 的 深度 纹理 。 同 样 ， 在 第 二 个 章 
分 ， 即 泻 染 得 到 平行 苑 的 阴影 映射 纹理 的 过 程 中 ，Unity 也 是 调用 了 这 
个 Pass 来 得 到 光源 的 阴影 映射 纹理 。 


在 第 三 个 部 分 中 ，Unity 会 根据 之 前 两 步 的 结果 得 到 屏幕 空间 的 阴 
影 图 ， 如 图 9.22 所 示 。 


这 张 图 已 经 包含 了 最 终 屏 幕 上 所 有 有 阴影 区 域 的 阴影 。 在 最 后 一 个 
部 分 中 ， 如 果 物 体 所 使 用 的 Shader 包 含 了 对 这 张 阴 影 图 的 采样 就 会 得 到 
阴影 效果 。 图 9.23 给 出 了 这 个 部 分 Unity 是 如 何 一 步 步 绘 制 出 有 阴影 的 画 














面 效果 的 。 





A 图 9.22 屏幕 空间 的 阴影 图 


Event #17: Clear (color+Z+ stencil) Event #18: Draw Mesh 
Shader: Standard pass #0 DIRECTIONAL SHADOWS_SCREEN 
liend One Zero, One Zero ColorMask RGBA 
ZTest LessEqual ZWrite On Cull Back Offset 0, 0 


Shader Unity Shader Book/Chapter9 Shadow pass #0 Shader Standard pass #0 DIRECTIONAL SHADOWS_SCREEN 
Bend One Zero, One Zero ColorMask RGBA Slend One Zero, One Zero ColorMask RCEA 
ZTest LessEqual ZWrite On Cull Back Offset 0, 0 ZTest LessEqual ZWrite On Cull Back Offset 0, 0 





A 图 9.23 Unity 绘 制 屏幕 阴影 的 过 程 
9.4.4 统一 管理 光照 衰减 和 阴影 


在 9.2 节 和 9.3 节 中 ， 我 们 已 经 讲 过 如 何在 Unity Shader 的 前 同 演 染 路 
径 中 计算 光照 衰减 在 Base Pass 中 ， 平 行 光 的 衰减 因子 总 是 等 于 1， 
而 在 Additional Pass 中 ， 我 们 需要 判断 该 Pass 处 理 的 光源 类 型 ， 再 使 用 内 
置 变 量 和 安 计 算 衰 减 因 子 。 实 际 上 ， 光 照 衰 减 和 阴影 对 物体 最 终 的 泻 染 
结果 的 影响 本 质 上 是 相同 的 我 们 都 是 把 光照 衰减 因子 和 阴影 值 及 光 
照 结果 相 乘 得 到 最 终 的 演 染 结果 。 那 么 ， 是 不 是 可 以 有 一 个 方法 可 以 同 
时 计算 两 个 信息 呢 ? 好 消息 是 ，Unity 在 Shader 里 提供 了 这 样 的 功能 ， 这 
主要 是 通过 内 置 的 UNITY_LIGHT_ATTENUATION 宏 来 实现 的 。 


为 此 ， 我 们 做 如 下 准备 工作 。 

















(1) 复制 9.4.2 节 中 同样 的 场景 ， 在 本 书 资源 中 该 场景 名 为 
Scene 9 4 4。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


AttenuationAndShadowUseBuildInFunctionsMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter9-AttenuationAndShadowUse BuildInFunctions。 把 新 的 Shader 赋 
给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 的 材质 赋 给 一 个 正方 体 。 
(5) 保存 场景 。 
打开 Chapter9-AttenuationAndShadowUseBuildInFunctions， 把 
Chapter9-Shadow 中 的 代码 粘贴 进去 。 尽 管 Chapter9-Shadow 中 的 代码 可 
以 让 我 们 得 到 正确 的 阴影 ， 但 在 实践 中 我 们 通常 会 使 用 Unity 的 内 置 宏 
和 函数 来 计算 衰减 和 阴影 ， 从 而 隐藏 一 些 实现 细节 。 关 键 代 码 如 下 。 


(1) 首先 包含 进 需要 的 头 文件 。 











// Need these files to get built-in macros 
#include "Lighting.cginc" 


#include "AutoLight.cginc" 





(2) 在 v2f 结 构 体 中 使 用 内 置 宏 SHADOW_COORDS 声明 阴影 坐 


标 : 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD6 ; 
float3 worldPos : TEXCOORD1; 


SHADOW_COORDS (2) 





(3) 在 顶点 着 色 器 中 使 用 内 置 宏 TRANSFER_SHADOW 计算 并 向 


片 元 着 色 器 传递 阴影 坐标 : 


v2f vert(a2v v) { 
v2f 0o; 


TRANSFER_SHADOW(0); 


return o; 








(4) 和 9.4.2 节 中 的 方式 不 同 ， 这 次 我 们 在 片 元 着 色 器 中 使 用 内 置 
宏 UNITY_LIGHT_ATTENUATION 来 计算 光照 衰减 和 阴影 : 


fixed4 frag(v2f i) : SV_Target { 


// UNITY_LIGHT_ATTENUATION not only compute attenuation, but also shad 
ow infos 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


return fixed4(ambient + (diffuse + specular) * atten, 1.0); 








UNITY_LIGHT_ATTENUATION 是 Unity 内 置 的 用 于 计算 光照 误 
减 和 阴影 的 宏 ， 我 们 可 以 在 内 置 的 AutoLight.cginc 里 找到 它 的 相关 声 
明 。 它 接受 3 个 参数 ， 它 会 将 光照 衰减 和 阴影 值 相 乘 后 的 结果 存储 到 第 
一 个 参数 中 。 注 意 到 ， 我 们 并 没有 在 代码 中 声明 第 一 个 参数 atten ， 这 
是 因为 UNITY_LIGHT_ATTENUATION 会 帮 有 我 们 声明 这 个 变量 。 它 的 
第 二 个 参数 是 结构 体 v2f， 这 个 参数 会 传递 给 9.4.2 节 中 使 用 的 
SHADOW_ATTENUATION ， 用 来 计算 阴影 值 。 而 第 三 个 参数 是 世界 
空间 的 坐标 ， 正 如 我 们 在 9.3 节 中 看 到 的 一 样 ， 这 个 参数 会 用 于 计算 光 
源 空间 下 的 坐标 ， 再 对 光照 衰减 纹理 采样 来 得 到 光照 衰减 。 我 们 强烈 建 
议 读者 查阅 AutoLight.cginc 中 UNITY_LIGHT_ ATTENUATION 的 声 
明 ， 读 者 可 以 友 现 ，Unity 针 对 不 同 光 源 类 型 、 是 否 启用 cookie 等 不 同情 
况 声明 了 多 个 版 本 的 UNITY_LIGHT_ATTENUATION 。 这 些 不 同 版 本 
J 明 是 保证 我 们 可 以 通过 这 样 一 个 简单 的 代码 来 得 到 正确 结果 的 关 











(5) 由 于 使 用 了 UNITY_LIGHT_ATTENUATION ， 我 们 的 Base 
Pass 和 Additional Pass 的 代码 得 以 统一 我 们 不 需要 在 Base Pass 里 单独 
处 理 阴 影 ， 也 不 需要 在 Additional Pass 中 判断 光源 类 型 来 处 理光 照 误 
减 ， 一 切 都 只 需要 通过 UNITY_LIGHT_ATTENUATION 来 完成 即 可 。 
这 正 是 Unity 内 置 文件 的 魅力 所 在 。 如 果 我 们 希望 可 以 在 Additional Pass 
中 添加 阴影 效果 ， 就 需要 使 用 #pragma 
multi_compile_fwdadd_fullshadows 编 译 指 令 来 代替 Additional Pass 中 的 
#pragma multi compile_ fwdadd 指 令 。 这 样 一 来 ，Unity 也 会 为 这 些 额 外 
的 逐 像素 光源 计算 阴影 ， 并 传递 给 Shader。 


9.4.5 “透明度 物体 的 阴影 


我 们 从 一 开始 就 强调 ， 想 要 在 Unity 里 让 物体 能 够 向 其 他 物体 投射 
阴影 ， 一 定 要 在 它 使 用 的 Unity Shader 中 提供 一 个 LightMode 
为 ShadowCaster 的 Pass。 在 前 面 的 例子 中 ， 我 们 使 用 内 置 的 VertexLit 
中 提供 的 ShadowCaster 来 投射 阴影 。VertexLit 中 的 ShadowCaster 实 
现 很 简单 ， 它 会 正常 泻 染 整个 物体 ， 然 后 把 深度 结果 输出 到 一 张 深度 图 
或 阴影 映射 纹理 中 。 读 者 可 以 在 内 置 文件 中 找到 相关 的 文件 。 


对 于 大 多 数 不 透 明 物 体 来 说 ， 把 Fallback 设 为 VertexLit 就 可 以 得 
到 正确 的 阴影 。 但 对 于 透明 物体 来 说 ， 我 们 就 需要 小 心 处理 它 的 阴影 。 
透明 物体 的 实现 通 稼 会 使 用 透明 度 测试 或 透明 度 混 合 ， 我 们 需要 小 心 设 
置 这 些 物体 的 Fallback。 


透明 度 测试 的 处 理 比较 简单 ， 但 如 果 我 们 仍然 直接 使 用 VertexLit、 
Diffuse、Specular 等 作为 回调 ， 往 往 无 法 得 到 正确 的 阴影 。 这 是 因为 透 
明度 测试 需要 在 片 元 着 色 器 中 舍弃 某 些 片 元 ， 而 VertexLit 中 的 阴影 投射 
纹理 并 没有 进行 这 样 的 操作 。 我 们 在 本 书 资源 的 Scene_9_4_5_ a 中 提供 
了 这 样 一 个 测试 场景 。 我 们 使 用 了 之 前 学 习 的 透明 度 测试 + 阴影 的 方法 
来 演 染 一 个 正方 体 ， 它 使 用 的 材质 和 Unity Shader 分 别 是 
AlphaTestWithShadowMat 和 Chapter9-AlphaTestWithShadow。 Chapter9- 
AlphaTestWithShadow 使 用 了 和 8.3 节 透明 度 测试 中 几乎 完全 相同 的 代 
码 ， 只 是 添加 了 关于 阴影 的 计算 。 


(1) 首先 包含 进 需要 的 头 文件 : 











#include "Lighting.cginc" 
#include "AutoLight.cginc" 


| 


(2) 在 v2f 中 使 用 内 置 宏 SHADOW_COORDS 声明 阴影 纹理 从 
标 : 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORD6 ; 
float3 worldPos : TEXCOORD1; 


float2 uv : TEXCOORD2; 
SHADOW_COORDS (3) 





注意 到 ， 由 于 我 们 已 经 占用 了 3 个 插值 寄存 器 (使 用 
TEXCOORD0、TEXCOORD1 和 TEXCOORD2 修 饰 的 变量 ) ， 
此 SHADOW_COORDS 中 传 入 的 参数 是 3， 这 意味 着 ， 阴 影 纹 理 坐 标 将 
占用 第 四 个 插值 寄存 器 TEXCOORD3。 


(3) 然后 ， 在 顶点 着 色 器 中 使 用 内 置 宏 TRANSFER_SHADOW 计 
算 阴 影 纹理 坐标 后 传递 给 片 元 着 色 右 : 


v2f vert(a2v v) { 
v2f 0o; 


// Pass shadow coordinates to pixel shade 
TRANSFER_SHADOW(o ) ; 


return oO 





(4) 在 片 元 着 色 器 中 ， 使 用 内 置 宏 
UNITY_LIGHT_ATTENUATION 计算 阴影 和 光照 衰减 : 





fixed4 frag(v2f i) : SV_ Target { 


// UNITY_LIGHT_ATTENUATION not only compute attenuation, but also shad 
ow infos 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


return fixed4(ambient + diffuse * atten, 1.06); 


} 





(5) 这 次 ， 我 们 更 改 它 的 Fallback， 使 用 VertexLit 作 为 它 的 回调 
Shader: 


Fallback "VertexLit" 


我 们 仍然 使 用 transparent_texture.psd 纹 理 ， 把 它 赋 给 新 的 材质 后 ， 
就 可 以 得 到 类 似 图 9.24 中 的 效果 。 


细心 的 读者 可 以 发 现 ， 铁 空 区 域 出 现 了 不 正 篆 的 阴影 ， 看 起 来 就 像 
这 个 正方 体 是 一 个 普通 的 正方 体 一 样 。 而 这 并 不 是 我 们 想 要 得 到 的 ， 我 
们 和 希望 有 些 光 应 该 是 可 以 通过 这 些 铂 空 区 域 透 过 来 的 ， 这 些 区 域 不 应 该 
有 阴影 。 出 现 这 样 的 情况 是 因为 ， 我 们 使 用 的 是 内 置 的 VertexLit 中 提 
供 的 ShadowCaster 来 投射 阴影 ， 而 这 个 Pass 中 并 没有 进行 任何 透明 度 
测试 的 计算 ， 因此， 它 会 把 整个 物体 的 深度 信息 泻 染 到 深度 图 和 阴影 映 
射 纹 理 中 。 因 此 ， 如 果 我 们 想 要 得 到 经 过 透明 度 测试 后 的 阴影 效果 ， 怠 
需要 提供 一 个 有 透明 度 测 试 功能 的 ShadowCaster Pass 。 当 然 ， 我 们 可 
以 自行 编写 一 个 这 样 的 Pass， 但 这 里 我 们 仍然 选择 使 用 内 置 的 Unity 
Shader 来 减少 代码 量 。 


为 了 让 使 用 透明 度 测试 的 物体 得 到 正确 的 阴影 效果 ， 我 们 只 需要 在 
Unity Shader 中 更 改 一 行 代码 ， 即 把 Fallback 设 置 
为 Transparent/Cutout/VertexLit ， 正 如 我 们 在 8.3 节 中 实现 的 一 样 。 读 
者 可 以 在 内 置 文件 中 找到 该 Unity Shader 的 代码 ， 它 的 ShadowCaster 
Pass 也 计算 了 透明 度 测试 ， 因 此 会 把 裁 航 后 的 物体 深度 信息 写 入 深度 图 
和 阴影 映射 纹理 中 。 但 需要 注意 的 是 ， 由 于 
Transparent/Cutout/VertexLit 中 计算 透明 度 测 试 时 ， 使 用 了 名 为 
_Cutoff 的 属性 来 进行 透明 度 测 试 ， 因 此 ， 这 要 求 我 们 的 Shader 中 也 必须 
提供 名 为 _Cutoff 的 属性 。 否 则 ， 同 样 无 法 得 到 正确 的 阴影 结果 。 


在 更 改 了 Fallback 后 ， 我 们 可 以 得 到 图 9.25 中 的 效果 。 
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4 图 9.24 可 以 投 财 阴影 的 使 用 透明 度 测 试 的 物体 


€ Game 
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”三 





A 图 9.25 ”正确 设置 了 Fallback 的 使 用 透明 度 测 试 的 物体 


但 是 ， 这 样 的 结果 仍然 有 一 些 问题 ， 例 如 出 现 了 一 些 不 应 该 透 过 光 
的 部 分 。 出 现 这 种 情况 的 原因 是 ， 默 认 情 况 下 把 物体 泻 染 到 深度 图 和 阴 
影 有 映射 纹理 中 仅 考 虑 物体 的 正面 。 但 对 于 本 例 的 正方 体 来 说 ， 由 于 一 些 
面 完全 背 对 光源 ， 因 此 这 些 面 的 深度 信息 没有 加 入 到 阴影 映射 纹理 的 计 
算 中 。 为 了 得 到 正确 的 结果 ， 我 们 可 以 将 正方 体 的 Mesh Renderer 组 件 中 
的 Cast Shadows 属 性 设置 为 Two Sided ， 强 制 Unity 在 计算 阴影 映射 纹理 
时 计算 所 有 面 的 深度 信息 。 图 9.26 给 出 了 正确 设置 后 的 演 染 结果 。 
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A 图 9.26 正确 设置 了 Cast Shadow 属 性 的 使 用 透明 度 测 试 的 物体 


与 透明 度 测试 的 物体 相 比 ， 想 要 为 使 用 透明 度 混 合 的 物体 添加 阴影 
是 一 件 比 较 复 杂 的 事情 。 事 实 上， 所 有 内 置 的 透明 度 混合 的 Unity 
Shader， 如 Transparent/VertexLit 等 ， 都 没有 包含 阴影 投射 的 Pass。 这 意 
味 着 ， 这 些 半 透明 物体 不 会 参与 深度 图 和 阴影 映射 纹理 的 计算 ， 也 就 是 
说 ， 它 们 不 会 癌 其 他 物体 投射 阴影 ， 同 样 它们 也 不 会 接收 来 自 其 他 物体 
的 阴影 。 我 们 在 本 书 资源 的 Scene 9 4 5 b 中 提供 了 这 样 一 个 测试 场 
景 。 我 们 使 用 了 之 前 学 习 的 透明 度 混 合 + 阴影 的 方法 来 泻 染 一 个 正方 
体 ， 它 使 用 的 材质 和 Unity Shader 分 别 是 AlphaBlendWithShadowMat 和 
Chapter9-AlphaBlendWithShadow。 Chapter9-AlphaBlendWithShadow 使 用 
了 和 8.4 节 透明 度 混合 中 几乎 完全 相同 的 代码 ， 只 是 添加 了 关于 阴影 的 
计算 ， 并且 它 的 Fallback 是 内 置 的 Transparent/VertexLit。 图 9.27 显 示 了 泻 
染 结果 。 


Unity 会 这 样 处 理 半 透明 物体 是 有 它 的 原因 的 。 由 于 透明 度 混 合 需 
要 关闭 深度 写 入 ， 由 此 带 来 的 问题 也 影响 了 阴影 的 生成 。 总 体 来 说 ， 要 
想 为 这 些 半 透 明 物 体 产生 正确 的 阴影 ， 需 要 在 每 个 光源 空间 下 仍然 严格 
按照 从 后 往 前 的 顺序 进行 演 染 ， 这 会 让 阴影 处 理 变 得 非常 复杂 ， 而 且 也 
会 影响 性 能 。 因 此 ， 在 Unity 中 ， 上 所 有 内 置 的 半 透 明 Shader 是 不 会 产生 任 
何 阴影 效果 的 。 当 然 ， 我 们 可 以 使 用 一 些 dirty trick 来 强制 为 半 透 明 物体 
生成 阴影 ， 这 可 以 通过 把 它们 的 Fallback 设 置 为 VertexLit、Diffuse 这 些 
不 透明 物体 使 用 的 Unity Shader， 这 样 Unity 就 会 在 它 的 Fallback 找 到 一 个 














阴影 投射 的 Pass。 然 后 ， 我 们 可 以 通过 物体 的 Mesh Renderer 组 件 上 的 
Cast Shadows 和 Receive Shadows 选 项 来 控制 是 否 需要 加 其 他 物体 投射 或 
接收 阴影 。 图 9.28 显 示 了 把 Fallback 设 为 VertexLit 并 开局 阴影 投射 和 接收 


阴影 后 的 半 透 明 物 体 的 泻 染 效果 。 
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A 图 9.27 把 使 用 了 透明 度 混 合 的 Unity Shader 的 Fallback 设 置 为 内 置 的 Transparent/VertexLit。 半 
透明 物体 不 会 向 下 方 的 平面 投射 阴影 ， 它 看 起 来 就 像 是 完 
透明 一 相 








和 图 9.28 把 Fallback 设 为 VertexLit 来 强制 为 半 透 明 物体 生成 阴影 


可 以 看 出 ， 此 时 右 侧 平面 的 阴影 投射 到 了 半 透 明 的 立方 体 上 ， 但 它 
不 会 再 穿 透 立方 体 把 阴影 投射 到 下 方 的 平面 上 ， 这 其 实 是 不 正确 的 。 同 
时 ， 立 方 体 也 可 以 把 目 身 的 阴影 投 映 到 下 面 的 平面 上 。 


9.5 ”本 书 使 用 的 标准 Unity Shader 


到 了 实现 诺言 的 时 候 了 ! 我 们 在 之 前 的 实现 中 一 直 强 调 ， 这 些 代码 
仅仅 是 为 了 曾 述 Unity 中 的 各 种 光照 实现 原理 ， 由 于 缺少 一 些 光 照 计 
算 ， 因 此 不 可 以 直接 使 用 到 项 目 中 。 截 止 到 本 市 ， 我 们 已 经 学 习 了 
Unity 中 所 有 的 基础 光照 计算 ， 如 多 光源 、 阴 影 和 光照 衰减 等 。 现 在 是 
时 候 把 它们 整合 到 一 起 来 实现 一 个 标准 光照 着 色 器 了 ! 我 们 在 本 书 资 源 
的 Assets/ Shaders/Common 文 件 夹 下 提供 了 两 个 这 样 标准 的 Unity Shader 
BumpedDiffuse 和 BumpedSpecular。 这 两 个 Unity Shader 都 包含 了 对 
法 线 纹理 、 多 光源 、 光 照 衰减 和 阴影 的 相关 处 理 ， 唯 一 不 同 的 是 ， 
BumpedDiffuse 使 用 了 Phong 光 照 模型 ， 而 BumpedSpecular 使 用 了 Blinn- 
Phong 光 照 模型 。 读 者 可 以 打开 这 两 个 文件 ， 此 时 可 以 发 现 里 面 的 代码 
都 是 我 们 学 习 过 的 。 我 们 使 用 这 两 个 Unity Shader 创 建 了 多 个 材质 〈 在 
Assets/Material/Objects 和 Assets/Material/Walls 文 件 夹 下 ) ， 这 些 材质 将 
被 用 于 后 面 章节 的 场景 搭建 中 。 读 者 可 以 参考 这 两 个 Unity Shader 来 实 
现 透 明 版 本 的 Unity Shader。 














第 10 章 ”高 级 纹理 


我 们 在 第 7 章 学 习 了 关于 基础 纹理 的 内 容 ， 这 些 纹理 包括 法 线 纹 
理 、 渐 变 纹理 和 让 日 纹理 等 。 这 些 纹理 尽管 用 处 不 同 ， 但 它们 都 属于 低 
维 ( 一 维 或 二 维 ) 纹理 。 在 本 章 中 ， 我 们 将 学 习 一 些 更 复杂 的 纹理 。 在 
10.1 节 中 ， 我 们 会 学 习 如 何 使 用 立方 体 纹理 〈Cubemap) 实现 环境 映 
射 。 然 后 ， 我 们 会 在 10.2 节 介绍 一 类 特殊 的 纹理 一 一 泻 染 纹理 (Render 
Texture) ， 我 们 会 发 现 演 染 纹理 是 多 么 的 强大 。 最 后 ，10.3 节 将 介绍 程 
序 纹理 (Procedure Texture) 。 











10.1 立方 体 纹理 


在 图 形 学 中 ， 立 方 体 纹理 (Cubemap， 是 环境 映射 
(Environment Mapping) 的 一 种 实现 方法 。 环 境 映 射 可 以 模拟 物体 周 
围 的 环境 ， 而 使 用 了 环境 映射 的 物体 可 以 看 起 来 像 镀 了 层 金 属 一 样 反 射 
出 周围 的 环境 。 


和 之 前 见 到 的 纹理 不 同 ， 立 方 体 纹理 一 共 包 含 了 6 张 图 像 ， 这 些 图 
像 对 应 了 一 个 立方 依 的 6 个 而 立方 休 纹理 的 名 称 世 由 此 而 来 立方 体 
的 每 个 面 表示 沿 着 世界 空间 下 的 轴 癌 〈 上 、 下 、 左 、 右 、 前 、 后 ) 观察 
所 得 的 图 像 。 那 么 ， 我 们 如 何 对 这 样 一 种 区 理 进行 采样 妮 ? 和 之 前 使 用 
二 维 纹理 坐标 不 同 ， 对 立方 体 纹理 采样 我 们 需要 提供 一 个 三 维 的 纹理 坐 
标 ， 这 个 三 维 纹理 坐标 表示 了 我 们 在 世界 空间 下 的 一 个 3D 方 向 。 这 个 
方向 矢量 从 立方 体 的 中 心 出 发 当 它 向 外 部 延伸 时 束 会 和 立方 体 的 6 个 
纹理 之 一 发 生 相 区 ， 而 采样 得 到 的 结果 惑 是 由 该 交点 计算 而 来 的 。 图 
10.1 给 出 了 使 用 方向 矢量 对 立方 体 纹理 采样 的 过 程 。 





























A 图 10.1 对 立方 体 纹理 的 采样 











使 用 立方 体 纹理 的 好 处 在 于 ， 它 的 实现 简单 快速 ， 而 且 得 到 的 效果 
也 比较 好 。 但 它 也 有 一 些 缺 点 ， 例 如 当场 景 中 引入 了 新 的 物体 、 光 源 ， 
或 者 物体 发 生 移动 时 ， 我 们 就 需要 重新 生成 立方 体 纹 理 。 除 此 之 外 ， 六 





方 体 纹理 也 仪 可 以 反射 环境 ， 但 不 能 反射 使 用 了 该 立方 体 纹理 的 物体 本 
身 。 这 是 因为 ， 立 方 体 纹理 不 能 模拟 多 次 反射 的 结果 ， 例 如 两 个 金属 球 
互相 反射 的 情况 《事实 上 ，Unity 5 引入 的 全 局 光照 系统 允许 实现 这 样 的 
目 反 射 效果 ， 详 见 第 18 章 ) 。 由 于 这 样 的 原因 ， 想 要 得 到 令 人 信服 的 演 
染 结果 ， 我 们 应 该 尽量 对 吓 面 体 而 不 要 对 四 面体 使 用 立方 体 纹 理 《〈 因 为 
凹面 体会 反射 自身 ) 。 


立方 体 纹理 在 实时 泻 染 中 有 很 多 应 用 ， 最 常见 的 是 用 于 天 空 盒子 

(Skybox) 以 及 环境 映射 。 
10.1.1 天空 盒 子 

空 盒子 〈Skybox) 是 游戏 中 用 于 模拟 背景 的 一 种 方法 。 天 空 盒 
子 这 个 名 字 包 售 了 两 个 信息 : 它 是 用 来 模拟 天 空 的 《尽管 现在 我 们 仍 可 
以 用 它 模 拟 室 内 等 背景 ) ， 它 是 一 个 盒子 。 当 我 们 在 场景 中 使 用 了 天 空 
盒子 时 ， 整 个 场景 就 被 包围 在 一 个 立方 体内 。 这 个 立方 体 的 每 个 面 使 用 
的 技术 就 是 立方 体 纹理 映射 技术 。 


在 Unity 中 ， 想 要 使 用 天 空 盒子 非 党 简单。 我们 只 需要 创建 一 个 
Skybox 材 质 ， 再 把 它 赋 给 该 场景 的 相关 设置 即 可 。 


我 们 首先 来 看 如 何 创 建 一 个 Skybox 材 质 。 
(1) 新 建 一 个 材质 ， 在 本 书 资源 中 该 材质 名 为 SkyboxMat。 


(2) 在 SkyboxMat 的 Unity Shader 下 拉 菜 单 中 选择 Unity 自 带 的 
Skybox/6 Sided， 该 材质 需要 6 张 纹理 。 
































(3) 使 用 本 书 资源 中 的 Assets/Textures/Chapter10/Cubemaps 文 件 夹 
下 的 6 张 纹理 对 第 2 步 中 的 材质 赋值 ， 注 意 这 6 张 纹理 的 正确 位 置 〈 如 
posz 纹 理 对 应 了 Front [+Z] 属性 ) 。 为 了 让 天 空 盒子 正常 泻 染 ， 我 们 需 
的 Wrap Mode 设置 为 Clamp ， 以 防止 在 接 颖 处 出 现 不 匹 
配 的 现象 。 


上 述 步 骤 得 到 的 材质 如 图 10.2 所 示 。 
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A 图 10.2 天空 盒 子 材 质 
上 上面 的 材质 中 ， 除 了 6 张 纹理 属性 外 还 有 3 个 属性 :Tint Color ， 用 





于 控制 该 材质 的 整体 颜色 ; Exposure ， 用 于 调整 天 空 盒子 的 亮 





度 ; Rotation ， 用 于 调整 天 空 盒子 治 +y 轴 方向 的 旋转 角度 。 
下 面 ， 我 们 来 看 一 下 如 何 为 场景 添加 Skybox。 
(1) 新 建 一 个 场景 ， 在 本 书 资源 中 该 场景 名 为 Scene_10_1 1。 


(2) 在 Window -Lighting 菜单 中 ， 把 SkyboxMat 赋 给 Skybox 选 
项 ， 如 图 10.3 所 示 。 


为 了 让 摄像 机 正常 显示 天 空 合子， 我们 还 需要 保证 演 染 场景 的 摄像 
机 的 Camera 组 件 中 的 Clear Flags 被 设置 为 Skybox 。 这 样 ， 我 们 得 到 的 场 
景 如 图 10.4 所 示 。 
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A 图 10.3 为 场景 使 用 自 定义 的 天 空 盒子 





A 图 10.4 使 用 了 天 空 盒子 的 场景 


需要 说 明 的 是 ， 在 Window ”Lighting -Skybox 中 设置 的 天 空 盒子 
会 应 用 于 该 场景 中 的 所 有 摄像 机 。 如 果 我 们 希望 某 些 摄像 机 可 以 使 用 不 
同 的 天 空 盒 子 ， 可 以 通过 向 该 摄像 机 添加 Skybox 组 件 来 履 善 掉 之 前 的 
设置 。 也 束 是 说 ， 我 们 可 以 在 摄像 机 上 单 击 Component -> Rendering ~ 
Skybox 来 完成 对 场景 默认 天 空 盒子 的 和 敢 善 。 


在 Unity 中 ， 天 空 盒子 是 在 所 有 不 透明 物体 之 后 泻 染 的 ， 而 其 背后 
使 用 的 网 格 是 一 个 立方 体 或 一 个 细 分 后 的 球体 。 


10.1.2 创建 用 于 环境 映射 的 立方 体 纹理 


除了 天 空 例子， 立方 体 纹理 最 常见 的 用 处 是 用 于 环境 映射 。 通 过 这 
种 方法 ， 我 们 可 以 模拟 出 金属 质感 的 材质 。 


在 Unity 5 中 ， 创 建 用 于 环境 映射 的 立方 体 纹理 的 方法 有 三 种 : 第 一 
种 方法 是 直接 由 一 些 特殊 布局 的 纹理 创建 ;第 二 种 方法 是 手动 创建 一 个 
Cubemap 资 源 ， 再 把 6 张 图 赋 给 它 ;， 第 三 种 方法 是 由 脚本 生成 。 











如 果 使 用 第 一 种 方法 ， 我 们 需要 提供 一 张 具 有 特殊 布局 的 纹理 ， 例 
如 类 似 立 方 体 展 开 图 的 交叉 布局 、 全 景 布局 等 。 然 后 ， 我 们 只 需要 把 该 
纹理 的 Texture Type 设置 为 Cubemap 即 可 ，Unity 会 为 我 们 做 好 剩 下 的 
事情 。 在 基于 物理 的 泻 染 中 ， 我 们 通常 会 使 用 一 张 HDR 图 像 来 生成 高 质 
量 的 Cubemap 〈 详 见 第 18 章 ) 。 读 者 可 在 官方 文档 
(http://docs.unity3d.com/Manual/class-Cubemap.html ) 中 找到 更 多 的 资 
料 。 











第 二 种 方法 是 Unity 5 之 前 的 版 本 中 使 用 的 方法 。 我 们 首先 需要 在 项 
目 资 源 中 创建 一 个 Cubemap， 然 后 把 6 张 纹 理 拖 上 忠 到 它 的 面板 中 。 在 
Unity 5 中 ， 官 方 推荐 使 用 第 一 种 方法 创建 立方 体 纹理 ， 这 是 因为 第 一 种 
方法 可 以 对 纹理 数据 进行 压缩 ， 而 且 可 以 文 持 边缘 人 修正、 光滑 反射 
(glossy reflection ) 和 HDR 等 功能 。 


前 面 两 种 方法 都 需要 我 们 提前 准备 好 立方 体 纹理 的 图 像 ， 它 们 得 到 
的 立方 体 纹理 往往 是 被 场景 中 的 物体 所 共用 的 。 但 在 理想 情况 下 ， 我 们 
希望 根据 物体 在 场景 中 位 置 的 不 同 ， 生 成 它们 各 上 自 不 同 的 立方 体 纹理 。 
这 时 ， 我 们 束 可 以 在 Unity 中 使 用 脚本 来 创建 。 这 是 通过 利用 Unity 提 供 
的 Camera.RenderToCubemap 函数 来 实现 的 。 
Camera.RenderToCubemap 画 数 可 以 把 从 任意 位 置 观 察 到 的 场景 图 像 存 储 
到 6 张 图 像 中 ， 从 而 创建 出 该 位 置 上 对 应 的 立方 体 纹 理 。 


在 Unity 的 脚本 手册 
(http://docs.unity3d.com/ScriptReference/Camera.RenderToCubemap.html 
) 中 给 出 了 如 何 使 用 Camera.RenderToCubemap 消 数 来 创建 立方 体 纹理 的 
代码 。 读 者 也 可 以 在 本 书 资源 的 
Assets/Editor/Chapter10/RenderCubemapWizard.cs 中 找到 相关 代码 。 其 中 
关键 代码 如 下 : 














void OnWizardCreate () { 
// create temporary camera for rendering 
GameObject go = new GameObject( "CubemapCamera"); 
go0.AddComponent<Camera>(); 
// place it on the object 
go.transform.position = renderFromPposition.position; 
// render into cubemap 
go.GetComponent<Camera>().RenderToCubemap(cubemap ) ; 


// destroy temporary camera 
DestroyImmediate( go ); 


| 

在 上 面 的 代码 中 ， 我 们 在 renderFromPosition 〈 由 用 户 指定 ) 位 置 处 
动态 创建 一 个 摄像 机 ， 并 调用 Camera.RenderToCubemap 消 数 把 从 当前 位 
置 观察 到 的 图 像 泻 染 到 用 户 指定 的 立方 体 纹 理 cubemap 中 ， 完 成 后 再 销 
毁 临 时 摄像 机 。 由 于 该 代码 需要 添加 沈 单 栏 条 目 ， 因 此 我 们 需要 把 它 放 
在 Editor 文 件 夹 下 才能 正确 执行 。 


当 准 备 好 上 述 代 码 后 ， 要 创建 一 个 Cubemap 非 第 简单 。 
(1) 我 们 使 用 和 10.1.1 节 中 相同 的 场景 ， 并 创建 一 个 空 的 


GameObject 对 象 。 我 们 会 使 用 该 GameObject 的 位 置信 息 来 泻 染 立方 体 纹 
理 。 








(2) 新 建 一 个 用 于 存储 的 立方 体 纹理 (在 Project 视 图 下 单 击 右 
键 ， 选 择 Create - Legacy -Cubemap 来 创建 )。 在 本 书 资源 中 ， 该 立 
方 体 纹理 名 为 Cubemap_0。 为 了 让 脚本 可 以 顺利 将 图 像 泻 染 到 该 立方 体 
纹理 中 ， 我 们 需要 在 它 的 面板 中 多 选 Readable 选项 。 


(3) 从 Unity 菜 单 柱 选择 GameObject -> Render into Cubemap， 打 开 
我 们 在 脚本 中 实现 的 用 于 泻 染 立方 体 纹理 的 窗口 ， 并 把 第 1 步 中 创建 的 
GameObject 和 第 2 步 中 创建 的 Cubemap_0 分 别 拖 忠 到 窗口 中 的 Render 
From Position 和 Cubemap 选项 ， 如 图 10.5 所 示 。 


(4) 单 击 窗口 中 的 Render! 按钮 ， 就 可 以 把 从 该 位 置 观 察 到 的 世 
界 空间 下 的 6 张 图 像 泻 染 到 Cubemap_0 中 ， 如 图 10.6 所 示 。 





二 Hierarchy 
Maximize on Play | Mute audio | Stats | Gizmos j*| | | create fc ) 





全 图 10.5 使 用 脚本 创建 立方 体 纹 理 


@ Cubemap_0 页 











Cubemap_0 
56x256 ARGB 32 bit 1.5 MB 





和 图 10.6 ”使 用 脚本 演 染 立方 体 纹理 

需要 注意 的 是 ， 我 们 需要 为 Cubemap 设 置 大 小 ， 即 图 10.6 中 的 Face 

size 选项 。Face size 值 越 大 ， 泻 染 出 来 的 立方 体 纹理 分 辨 率 越 大 ， 效 果 

人 
小 得 到 。 


准备 好 了 需要 的 立方 体 纹理 后 ， 我 们 吕 可 以 对 物体 使 用 环境 映射 反 
术 。 而 环境 映射 最 常见 的 应 用 就 是 反 冉 和 折 冉 。 


10.1.3 反射 
使 用 了 反射 效果 的 物体 通常 看 起 来 束 像 镀 了 层 金 属 。 想 要 模拟 反射 








效果 很 简单 ， 我 们 只 需要 通过 入 射 光 线 的 方向 和 表面 法 线 方 癌 来 计算 反 
射 方向 ， 再 利用 反射 方向 对 立方 体 纹理 采样 即 可 。 在 学 习 完 本 节 后 ， 我 
们 可 以 得 到 类 似 图 10.7 中 的 效果 。 





Maximize on Play | Mute audio | Stats | Cizmos ~ 





A 图 10.7 使 用 了 反射 效果 的 Teapot 模 型 
为 此 ， 我 们 需要 做 如 下 准备 工作 。 
(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_1 3。 
我 们 蔡 换 掉 Unity 5 中 场景 默认 的 天 空 合子， 而 把 10.1.1 闻 中 创建 的 天 空 
盒子 材质 拖 电 到 Window -~ Lighting -、Skybox 选 项 中 当然， 我们 也 可 
以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 天 空 盒子 ) 。 


(2) 向 场 景 中 拖 鼻 一 个 Teapot 模 型 ， 并 调整 它 的 位 置 和 10.1.2 节 中 
创建 Cubemap_0 时 使 用 的 空 GameObject 的 位 置 相同 。 


(3) 新 建 一 个 材质 ， 在 本 书 资 源 中 ， 该 材质 名 为 ReflectionMat， 





把 材质 赋 给 第 2 步 中 创建 的 Teapot 模 型 。 


(4) 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter10-Reflection。 把 Chapter10-Reflection 赋 给 第 3 步 中 创建 的 材质 。 


反射 的 实现 非常 简单 。 打 开 Chapter10-Reflection， 删 除 原 有 的 代 
人 码 ， 进 行 如 下 关键 修改 。 


(1) 首先 ， 我 们 声明 了 3 个 新 的 属性 : 


Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_ReflectColor ("Reflection Color", Color) = (1, 1, 1, 1) 
_ReflectAmount ("Reflect Amount", Range(60, 1)) = 1 


Cubemap ("Reflection Cubemap", Cube) = "_ Skybox" {} 





其 中 ，_ReflectColor 用 于 控制 反射 颜色 ，_ReflectAmount 用 于 控制 
这 个 材质 的 反射 程度 ， 而 -Cubemap 束 是 用 于 模拟 反射 的 环境 映射 纹 
理 。 





(2) 我 们 在 顶点 着 色 器 中 计算 了 该 顶点 处 的 反射 方向 ， 这 是 通过 
使 用 CG 的 reflect 函数 来 实现 的 : 





v2f vert(a2v v) { 
v2f o; 


o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
o.worldNormal = UnityObjectToWorldNormal(v.normal); 
o.worldPos = mul(_Object2World, v.vertex).xyz; 
o.worldViewDir = UnityWorldSpaceViewDir(o.worldPos); 


// Compute the reflect dir in world space 
oOo.worldRefl = reflect(-o.worldViewDir, o.worldNormal); 


TRANSFER_SHADOW(0); 


return o; 


} 

物体 反射 到 摄像 机 中 的 光线 方向 ， 可 以 由 光路 可 逆 的 原则 来 反 回 求 
得 。 也 瓯 是 说 ， 我 们 可 以 计算 视角 方向 关于 顶点 法 线 的 反射 方 同 来 求 得 
入 射 光 线 的 方 同 。 


(3) 在 片 元 着 色 嚣 中， 利用 反射 方 辐 来 对 立方 体 纹理 采样 : 








fixed4 frag(v2f i) : SV_ Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 


fixed3 worldViewDir = normalize(i.worldViewDir); 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT .xyz; 


fixed3 diffuse = _LightColore.rgb * Color.rgb * max(0, dot(worldNorma 
1], worldLightDir)); 


// Use the reflect dir in world space to access the cubemap 

fixed3 reflection = texCUBE( Cubemap, i.worldRefl).rgb * ReflectColor 
.rgb; 

UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 

// Mix the diffuse color with the reflected color 

fixed3 color = ambient + lerp(diffuse, reflection, ReflectAmount) * a 


tten; 


return fixed4(color, 1.06); 








对 立方 体 纹理 的 采样 需要 使 用 CG 的 texCUBE 函数 。 注 意 到 ， 在 上 
面 的 计算 中 ， 我 们 在 采样 时 并 没有 对 i.worldRefl 进 行 归 一 化 操作 。 这 是 
因为 ， 用 于 采样 的 参数 仅仅 是 作为 方 癌 变量 传递 给 texCUBE 函 数 的 ， 
此 我 们 没有 必要 进行 一 次 归 一 化 的 操作 。 然 后 ， 我 们 使 用 
_ReflectAmount 来 混合 漫 反 射 颜色 和 反射 颜色 ， 并 和 环境 光照 相 加 后 返 
回 。 





在 上 面 的 计算 中 ， 我 们 选择 在 顶点 着 色 器 中 计算 反射 方向 。 当 然 ， 
我 们 也 可 以 选择 在 请 元 着 色 器 中 计算 ， 这 样 得 到 的 效果 更 加 细腻。 但 
和 是， 对 于 绝 大 多 数 人 来 说 这 种 差别 往往 是 可 以 忽略 不 计 的 ， 因 此 出 于 性 
能 方面 的 考虑 ， 我 们 选择 在 顶点 着 色 器 中 计算 反射 方向 。 


保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 电 到 Reflection 
Cubemap 属性 中 ， 并 调整 其 他 参数 ， 即 可 得 到 类 似 图 10.7 中 的 效果 。 


10.1.4 折射 


在 这 一 节 中 ， 我 们 将 学 习 如 何在 Unity Shader 中 模拟 另 一 个 环境 映 
冉 的 常见 应 用 一 一 折 映 。 


折射 的 物理 原理 比 反射 复杂 一 些 。 我 们 在 初中 物理 就 已 经 接触 过 折 
射 的 定义 ， 当 光线 从 一 种 介质 〔 例 如 空气 ) 斜 射 入 另 一 种 介质 (例如 玻 
璃 ) 时 ， 传 播 方向 一 般 会 发 生 改变 。 当 给 定 入 射 角 时 ， 我 们 可 以 使 用 其 
涅 尔 定律 CSnell's Law) 来 计算 反射 角 。 当 光 从 介质 1 沿 着 和 表面 法 线 
夹 角 为 6 ; 的 方向 斜 射 入 介质 2 时 ， 我 们 可 以 使 用 如 下 公式 计算 折射 光线 
与 法 线 的 夹 角 9 ，: 


11Sin01=1>sin0， 


其 中 ，n ; 和 n ， 分 别 是 两 个 介质 的 折射 率 (index of refraction) 。 
折射 率 是 一 项 重要 的 物理 常数 ， 例 如 真空 的 折射 率 是 1， 而 玻璃 的 折射 
率 一 般 是 1.5。 图 10.8 给 出 了 这 些 变量 之 间 的 关系 。 


通常 来 说 ， 当 得 到 扩 射 方 同 后 我 们 束 会 直接 使 用 它 来 对 立方 体 纹 理 
进行 采样 ， 但 这 是 不 符合 物理 规律 的 。 对 一 个 透明 物体 来 说 ， 一 种 更 准 
确 的 模拟 方法 需要 计算 两 次 折射 一 一 一 次 是 当 光 线 进入 它 的 内 部 时 ， 
而 另 一 次 则 是 从 它 内 部 射出 时 。 但 是 ， 想 要 在 实时 演 染 中 模拟 出 第 二 次 
折射 方向 是 比较 复杂 的 ， 而 且 仪 仅 模 拟 一 次 得 到 的 效果 从 视觉 上 看 起 
来 “也 挺 像 那么 回 事 的 ?。 正 如 我 们 之 前 提 到 的 一 一 图 形 学 第 一 准则 “如 
果 它 看 起 来 是 对 的 ， 那 么 它 就 是 对 的 "。 因 此 ， 在 实时 泻 染 中 我 们 通常 
仅 模 拟 第 一 次 折射 。 


在 学 习 完 本 市 后 ， 我 们 可 以 得 到 类 似 图 10.9 中 的 效果 。 























法 线 方向 


入 射 方向 





全 图 10.8 ”斯 涅 尔 定律 
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A 图 10.9 使 用 了 折射 效果 的 Teapot 模 型 
为 些 ， 我 们 需要 做 如 下 准备 工作 。 
(1) 新 建 一 个 场景 ， 在 本 书 资 源 中 ， 该 场景 名 为 Scene_10_1 4。 
我 们 蔡 换 掉 Unity 5 中 场景 默认 的 天 空 盒子 ， 而 把 10.1.1 节 中 创建 的 天 空 
盒子 材质 拖 电 到 Window -Lighting -、Skybox 选 项 中 当然， 我 们 也 可 
以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 天 空 盒子 ) 。 
(2) 向 场景 中 拖 忠 一 个 Teapot 模 型 ， 并 调整 它 的 位 置 。 


(3) 新 建 一 个 材质 ， 在 本 书 资源 中 ， 该 材质 名 为 RefractionMtat， 
把 材质 赋 给 第 2 步 中 创建 的 Teapot 模 型 。 


(4) 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter10-Refraction。 把 Chapter10- Refraction 赋 给 第 3 步 中 创建 的 材质 。 


折射 效果 的 实现 略微 复杂 一 些 。 打 开 Chapter10-Refraction， 删 除 原 
有 的 代码 ， 进 行 如 下 关键 修改 。 


(1) 首先 ， 我 们 声明 了 4 个 新 属性 


Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_RefractColor ("Refraction Color", Color) = (1, 1,， 1) 
_RefractAmount ("Refraction Amount"，Range(9，1)) = 


_RefractRatio ("Refraction Ratio"，Range(9.1，1)) = 5 
_Cubemap ("Refraction Cubemap", Cube) = "_Skybox" {} 





其 中 ，_RefractColor、_RefractAmount 和 _Cubemap 与 10.1.3 节 中 控 
制 反 射 时 使 用 的 属性 类 似 。 除 此 之 外 ， 我 们 还 使 用 了 一 个 属性 
_RefractRatio， 我 们 需要 使 用 该 属性 得 到 不 同 介质 的 透射 比 ， 以 此 来 计 
算 折 射 方向 。 


(2) 在 顶点 着 色 器 中， 计算 折射 方向 : 





v2f vert(a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
o.worldNormal = UnityObjectToWorldNormal(v.normal); 
o.worldPos = mul(_Object2World, Vv.vertex).xyz; 
o.worldViewDir = UnityWorldSpaceViewDir(o.worldPos); 
// Compute the refract dir in world space 


oOo.worldRefr = refract(-normalize(o.worldViewDir), normalize(o.worldNor 
mal), _RefractRatio); 


TRANSFER_SHADOW(0); 


return o; 





我 们 使 用 了 CG 的 refract 函数 来 计算 折射 方向 。 它 的 第 一 个 参数 即 
为 入 射 光 线 的 方向 ， 它 必须 是 归 一 化 后 的 矢量 ; 第 二 个 参数 是 表面 法 
线 ， 法 线 方 同 同样 需要 是 归 一 化 后 的 ; 第 全 个 参数 是 入 射 光线 所 在 介质 
的 折射 率 和 折射 光线 所 在 介质 的 折射 率 之 间 的 比值 ， 例 如 如 果 光 是 从 衬 
气 射 到 玻璃 表面 ， 那 么 这 个 参数 应 该 是 是 空气 的 折射 率 和 玻璃 的 折射 率 之 
间 的 比值 ， 即 11.5。 它 的 返回 值 承 是 计算 而 得 的 折射 方向 ， 它 的 模 则 等 
于 入 射 光 线 的 模 。 


有 (3) 然后 ， 我 们 在 片 元 着 色 器 中 使 用 折射 方 癌 对 立方 体 纹理 进 行 
采样 : 














fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize(i.worldViewDir); 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT .xyz; 


fixed3 diffuse = _LightColore.rgb * Color.rgb * max(0, dot(worldNorma 
1], worldLightDir)); 


// Use the refract dir in world space to access the cubemap 
fixed3 refraction = texCUBE( Cubemap, i.worldRefr).rgb * RefractColor 
.rgb; 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


// Mix the diffuse color with the refract color 
fixed3 color = ambient + lerp(diffuse, refraction, RefractAmount) * a 
tten; 


return fixed4(color, 1.0); 





同样 ， 我 们 也 没有 对 i.worldRefr 进 行 归 一 化 操作 ， 因 为 对 立方 体 纹 
理 的 采样 只 需要 提供 方向 即 可 。 最 后 ， 我 们 使 用 es 
漫 反 射 颜 色 和 折射 颜色 ， 并 和 环境 光照 相 加 后 返 


保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 电 到 Reflection 
Cubemap 属性 中 ， 并 调整 其 他 参数 ， 即 可 得 到 类 似 图 10.9 中 的 效果 。 





10.1.5“ 菲 涅 耳 反 射 


在 实时 演 染 中 ， 我 们 经 常会 使 用 菲 涅 耳 反 射 〈EFresnel reflection ) 
来 根据 视角 方 回 控制 反射 程度 。 通 俗 地 讲 ， 菲 涅 耳 反 射 描述 了 一 种 兴学 
现象 ， 即 当 光 线 照 射 到 物体 表面 上 时 ， 一 部 分 发 生 反 射 ， 一 部 分 进入 物 
体内 部 ， 发 生 折 射 或 散射 。 被 反射 的 光 和 入 射 光 之 间 存 在 一 定 的 比率 关 
系 ， 这 个 比率 关系 可 以 通过 菲 涅 耳 等 式 进行 计算 。 一 个 经 常 使 用 的 例子 
是 ， 当 你 站 在 湖 边 ， 直 接 低头 看 脚 边 的 水 面 时 ， 你 会 发 现 水 几乎 是 透明 
的 ， 你 可 以 直接 看 到 水 底 的 小 旬 和 石子 ; 但 是 ， 当 你 抬头 看 远 处 的 水 面 
时 ， 会 发 现 几乎 看 不 到 水 下 的 情景 ， 而 只 能 看 到 水 面 反射 的 环境 。 这 束 
是 所 谓 的 菲 涅 耳 效果 。 事 实 上 ， 不 仅仅 是 水 、 玻璃 这 样 的 反光 物体 具有 
菲 涅 耳 效果 ， 几 乎 任何 物体 都 或 多 或 少 包 含 了 菲 涅 耳 效果 ， 这 是 基于 物 
理 的 演 染 洒 中 非常 重要 的 一 项 高 光 反 射 计 算 因 子 〈 详 见 第 18 章 ) 。 读 者 可 
以 在 John Hable 的 一 篇 非常 有 名 的 文章 Everything Has Fresnel 
Chttp:/filmicgames.comyarchives/557 ) 中 看 到 现实 生活 中 各 种 物体 的 菲 
涅 耳 效果 。 


那么 ， 我 们 如 何 计算 菲 涅 耳 反 射 呢 ? 这 就 需要 使 用 菲 涅 耳 等 式 。 真 
实 志 界 的 菲 涅 耳 等 式 是 非常 复杂 的 ， 但 在 实时 演 染 中 ， 我 们 通常 会 使 用 
a 其 中 一 个 著名 的 近似 公式 就 是 Schlick 菲 涅 耳 近 
以 等 式 : 


Fscntick(V,n) = Fo +(1— Fo)(l—v:.n) 


其 中 ， 下 1 是 一 个 反射 系数 ， 用 于 控制 菲 涅 耳 反 射 的 强度 ，v 是 视 第 
方向 ， 是 表面 法 线 。 另 一 个 应 用 比较 广泛 的 等 式 是 Empricial 菲 涅 耳 
这 似 寺 起 3 


FEmpricial(v, n) = max(0, min(1, bias + scale x (1 一 77) )) 



































其 中 ，bias 、scale 和 power 是 控制 项 。 


使 用 上 面 的 菲 涅 耳 近 似 等 式 ， 我 们 可 以 在 边界 处 模拟 反射 光 强 和 折 
冉 光 强 / 漫 反射 光 强 之 间 的 变化 。 在 许多 车 漆 、 水 面 等 材质 的 泻 染 中 ， 
我 们 会 经 党 使 用 菲 涅 耳 反 里 来 模拟 更 加 真实 的 反 冉 效 果 。 


在 本 市 中 ， 我 们 将 使 用 Schlick 菲 涅 耳 近 似 等 式 来 模拟 菲 诅 耳 反射 。 





在 本 节 最 后 ， 我 们 可 以 得 到 类 似 图 10.10 中 的 效果 。 注 意图 中 在 模型 边 
界 处 的 反射 现象 。 
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A 图 10.10 ”使 用 了 菲 涅 耳 反 射 的 Teapot 模 型 
为 此 ， 我 们 需要 做 如 下 准备 工作 。 


(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_1_5。 
我 们 蔡 换 掉 Unity 5 中 场景 默认 的 天 空 盒子 ， 而 把 10.1.1 节 中 创建 的 天 空 
盒子 材质 拖 电 到 Window ~” Lighting -、Skybox 选 项 中 当然， 我 们 也 可 
以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 天 空 盒子 ) 。 


(2) 向 场景 中 拖 忠 一 个 Teapot 模 型 ， 并 调整 它 的 位 置 。 


(3) 新 建 一 个 材质 ， 在 本 书 资源 中 ， 该 材质 名 为 FresnelMat， 把 材 
质 赋 给 第 2 步 中 创建 的 Teapot 模 型 。 





(4) 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 该 Shader 名 为 


Chapter10-Fresnel。 把 Chapter10- Fresnel 赋 给 第 3 步 中 创建 的 材质 。 
打开 Chapter10-Fresnel， 删 除 原 有 的 代码 ， 进 行 如 下 关键 修改 。 


(1) 首先， 我 们 在 Properties 语 义 块 中 声明 了 用 于 调整 菲 涅 耳 反 射 
的 属性 以 及 反射 使 用 的 Cubemap: 





Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_FresnelScale ("Fresnel Scale"，Range(6，1)) = 6.5 


_Cubemap ("Reflection Cubemap", Cube) = "_Skybox" {} 





9 在 顶点 着 色 器 中 计算 世界 空间 下 的 法 线 方向 、 视 角 方 同和 反 
\ 方 9|: 


v2f vert(a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
o.worldNormal = mul(v.normal, (float3x3) World20bject); 
o.worldPos = mul(_Object2World, Vv.vertex).xyz; 
o.worldViewDir = UnityWorldSpaceViewDir(o.worldPos); 
oOo.worldRefl = reflect(-o.worldViewDir, o.worldNormal); 


TRANSFER_SHADOW(0); 


return o; 











(3) 在 片 元 着 色 需 中 计算 菲 涅 耳 反 射 ， 并 使 用 结果 值 混合 漫 反 射 
光照 和 反射 光照 : 





fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 


fixed3 worldViewDir = normalize(i.worldViewDir); 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT .xyz; 
UNITY_LIGHT ATTENUATION(atten, i, i.worldPpos); 

fixed3 reflection = texCUBE( Cubemap, i.worldRefl).rgb; 


fixed fresnel = FresnelScale + (1 - FresnelScale) * pow(1 - dot(worl 
dViewDir, worldNormal), 5); 


fixed3 diffuse = _LightColore.rgb * Color.rgb * max(0, dot(worldNorma 
1], worldLightDir)); 


fixed3 color = ambient + lerp(diffuse, reflection, saturate(fresnel)) 
* atten; 


return fixed4(color, 1.06); 





在 上 面 的 代码 中 ， 我 们 使 用 Schlick 菲 涅 耳 近似 等 式 来 计算 fresnel 变 
量 ， 并 使 用 它 来 混合 漫 反 射 光 照 和 反射 光照 。 一 些 实现 也 会 直接 把 
fresnel 和 反射 光照 相 乘 后 登 加 到 漫 反 射 光 照 上 ， 模 拟 边 缘 光 照 的 效果 。 


保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 电 到 Cubemap 属 
性 中 ， 并 调整 其 他 参数 ， 即 可 得 到 类 似 图 10.10 中 的 效果 。 当 我 们 把 
_FresnelScale 调 节 到 1 时 ， 物 体 将 完全 反射 Cubemap 中 的 图 像 ， 当 

_FresnelScale 为 0 时 ， 则 是 一 个 具有 边缘 光照 效果 的 漫 反 射 物体 。 我 们 还 
会 在 15.2 节 中 使 用 菲 涅 耳 反 射 来 混合 反射 和 折射 光照 ， 以 此 来 模拟 一 个 
简单 的 水 面 效果 。 





10.2 ” 演 染 纹理 


在 之 前 的 学 习 中 ， 一 个 摄像 机 的 泻 染 结果 会 输出 到 颜色 缓冲 中 ， 并 
显示 到 我 们 的 屏幕 上 。 现 代 的 GPU 人 允许 我 们 把 整个 三 维 场景 演 染 到 一 个 
中 间 缓 冲 中 ， 即 泻 染 目 标 纹理 (Render Target Texture，RTT) ， 而 
不 是 传统 的 帧 缓冲 或 后 备 缓冲 (back buffer) 。 与 之 相关 的 是 多 重演 染 
目标 (Multiple Render Target，MRT) ， 这 种 技术 指 的 是 GPU 人 允许 我 
们 把 场景 同时 泻 染 到 多 个 泻 染 目标 纹理 中 ， 而 不 再 需要 为 每 个 演 染 目标 
纹理 单独 演 染 完整 的 场景 。 延 述 演 染 就 是 使 用 多 重演 染 目 标的 一 个 应 
用 。 











Unity 为 演 染 目标 纹理 定义 了 一 种 专门 的 纹理 类 型 一 一 演 染 纹理 
(Render Texture) 。 在 Unity 中 使 用 演 染 纹理 通常 有 两 种 方式 : 一 种 
方式 是 在 Project 目 录 下 创建 一 个 泻 染 纹 理 ， 然 后 把 某 个 摄像 机 的 泻 染 目 
标 设置 成 该 泻 染 纹 理 ， 这 样 一 来 该 摄像 机 的 泻 染 结果 就 会 实时 更 新 到 泻 
染 纹理 中 ， 而 不 会 显示 在 屏幕 上 。 使 用 这 种 方法 ， 我 们 还 可 以 选择 泻 染 
纹理 的 分 辨 座 、 滤 波 模 式 等 纹理 属性 。 另 一 种 方式 是 在 屏幕 后 处 理 时 使 
用 GrabPass 命 令 或 OnRenderImage 函 数 来 获取 当前 屏幕 几 像 ，Unity 会 把 
这 个 屏幕 图 像 放 到 一 张 和 屏 幕 分 辨 挛 等 同 的 泻 桨 纹理 中 ， 下 面 我 们 可 以 
在 自 定 义 的 Pass 中 把 它们 当成 普通 的 纹理 来 处 理 ， 从 而 实现 各 种 屏幕 特 
效 。 我 们 将 依次 学 习 这 两 种 方法 在 Unity 中 的 实现 〈OnRenderImage 函 数 

会 在 第 12 章 中 讲 到 ) 。 


10.2.1 镜子 效果 


在 本 节 中 ， 我 们 将 学 习 如 何 使 用 泻 染 纹理 来 模拟 镜子 效果 。 学 习 完 
本 节 后 ， 我 们 可 以 得 到 类 似 图 10.11 中 的 效果 。 
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图 10.11 镜子 效果 
为 此 ， 我 们 需要 做 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_2_1。 
在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 
使 用 了 内 置 的 天 空 盒子 。 在 Window -Lighting ~ Skybox 中 去 掉 场 景 中 
的 天 空 例子 。 


(2) 新 建 一 个 材质 。 在 本 书 资 源 中 ， 该 材质 名 为 MirrorMtat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 
Chapter10-Mirror。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 6 个 立方 体 ， 并 调整 它们 的 位 置 和 大 小 ， 使 得 它 
们 构成 围绕 着 摄像 机 的 房间 的 6 面 增 。 给 它们 赋予 在 9.5 节 中 创建 的 标准 
材质 ， 并 让 它们 的 颜色 互 不 相同 。 向 场景 中 添加 3 个 点 光源 ， 并 调整 它 
们 的 位 置 ， 使 它们 可 以 照 亮 整个 房间 。 





(5) 创建 3 个 球体 和 两 个 正方 体 ， 调 整 它们 的 位 置 和 大 小 ， 并 给 它 
们 赋予 在 9.5 市 中 创建 的 标准 材质 。 这 些 物体 将 作为 房间 内 的 饰品 。 


(6) 创建 一 个 四 边 形 (Quad) ， 调 整 它 的 位 置 和 大 小 ， 它 将 作为 
镜子 。 把 第 2 步 中 创建 的 材质 赋 给 它 。 


(7) 在 Project 视 图 下 创建 一 个 泻 染 纹理 (右键 单 击 Create -~ 
Render Texture) ， 在 本 书 资源 中 ， 访 泻 染 纹理 名 为 MirrorTexture。 它 使 
用 的 纹理 设置 如 图 10.12 右 图 所 示 。 


(8) 最 后 ， 为 了 得 到 从 镜子 出 发 观察 到 的 场景 图 像 ， 我 们 还 需要 
创建 一 个 摄像 机 ， 并 调整 它 的 位 置 、 裁 前 平面、 视角 等 ， 使 得 它 的 显示 
图 像 是 我 们 希望 的 镜子 图 像 。 由 于 这 个 摄像 机 不 需要 直接 显示 在 屏幕 
上 ， 而 是 用 于 泻 染 到 纹理 。 因 此 ， 我 们 把 第 7 步 中 创建 的 MirrorTexture 
拖 忠 到 该 摄像 机 的 Target Texture 上。 图 10.12 显 示 了 摄像 机 面板 和 泻 染 
纹理 的 相关 设置 。 
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图 10.12 ” 左 图 : PO 右 图 : 演 染 纹理 使 用 的 纹 
理 设 


镜子 实现 的 原理 很 简单 ， 它 使 用 一 个 泻 染 纹理 作为 输入 属性 ， 并 把 
该 渲染 纹理 在 水 平方 向 上 翻转 后 直接 显示 到 物体 上 即 可 。 打 开 新 建 的 
Chapter10-Mirror， 删 除 所 有 已 有 代码 ， 并 进行 如 下 关键 修改 。 


1) 在 Properties 语 义 块 中 声明 一 个 纹理 属性 ， 它 对 应 了 由 镜子 摄 
像 机 演 染 得 到 的 演 染 纹理 : 


Properties { 
_MainTex ("Main Tex", 2D) = "white" {} 


} 





(2) 在 顶点 着 色 器 中 计算 纹理 坐标 : 


v2f vert(a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV = V.texcoord ; 
// Mirror needs to filp x 


O.UV.X= 1 - oO.UuV.X; 


return o; 





在 上 面 的 代码 中 ， 我 们 翻转 了 x 分 量 的 纹理 坐标 。 这 是 因为 ， 镜 子 
里 显示 的 图 像 都 是 左右 相反 的 。 


(3) 在 片 元 着 色 器 中 对 泻 染 纹 理 进 行 采样 和 输出 : 


fixed4 frag(v2f i) : SV_Target { 
return tex2D( MainTex, i.uv); 


} 





保存 后 返回 场景 ， 并 把 我 们 创建 的 MirrorTexture 演 染 纹 理 拖 上 忠 到 材 
质 的 Main Tex 属 性 中 ， 就 可 以 得 到 图 10.11 中 的 效果 。 


在 上 面 的 实现 中 ， 我 们 把 泻 染 纹理 的 分 辩 率 大 小 设置 为 256x256。 
有 时 ， 这 样 的 分 辨 率 会 使 图 像 模 糊 不 清 ， 此 时 我 们 可 以 使 用 更 高 的 分 辩 
来 或 更 多 的 抗 锯齿 采样 等 。 但 需要 注意 的 是 ， 更 高 的 分 辩 率 会 影响 带宽 








和 性 能 ， 我 们 应 当 尽 量 使 用 较 小 的 分 辨 率 。 
10.2.2 ”玻璃 效果 


在 Unity 中 ， 我 们 还 可 以 在 Unity Shader 中 使 用 一 种 特殊 的 Pass 来 完 
成 获取 屏幕 图 像 的 目的 ， 这 就 是 GrabPass。 当 我 们 在 Shader 中 定义 了 一 
个 GrabPass 后 ，Unity 会 把 当前 屏幕 的 图 像 绘 制 在 一 张 纹理 中 ， 以 便 我 们 
在 后 续 的 Pass 中 访问 它 。 我 们 通常 会 使 用 GrabPass 来 实现 诸如 玻璃 等 透 
明 材 质 的 模拟 ， 与 使 用 简单 的 透明 混合 不 同 ， 使 用 GrabPass 可 以 让 我 们 
对 该 物体 后 面 的 图 像 进行 更 复杂 的 处 理 ， 例 如 使 用 法 线 来 模拟 折射 效 
果 ， 而 不 再 是 简单 的 和 原 屏 幕 颜 色 进 行 混合 。 


需要 注意 的 是 ， 在 使 用 GrabPass 的 时 候 ， 我 们 需要 额外 小 心 物体 的 
泻 染 队列 设置 。 正 如 之 前 所 说 ，GrabPass 通 常用 于 泻 染 透明 物体 ， 尽 管 
代码 里 并 不 包含 混合 指令 ， 但 我 们 往往 仍然 需要 把 物体 的 演 染 队列 设置 
成 透明 队列 〈 即 "Queue"='"Transparent") 。 这 样 才 可 以 保证 当 演 染 该 物 
所 有 的 不 透明 物体 都 已 经 被 绘制 在 屏幕 上 ， 从 而 获取 正确 的 屏幕 





在 本 节 中 ， 我 们 将 会 使 用 GrabPass 来 模拟 一 个 玻璃 效果 。 在 学 习 完 
本 节 后 ， 我 们 可 以 得 到 类 似 图 10.13 中 的 效果 。 这 种 效果 的 实现 非常 简 
单 ， 我 们 首先 使 用 一 张 法 线 纹理 来 修改 模型 的 法 线 信 息 ， 然 后 使 用 了 
10.1 节 介绍 的 反射 方法 ， 通 过 一 个 Cubemap 来 模拟 玻璃 的 反射 ， 而 在 模 
拟 折 里 时 ， 则 使 用 了 GrabPass 获 取 玻 璃 后 面 的 屏 大 图 像 ， 并 使 用 切线 空 
人 
，\ 入 车 


为 此 ， 我 们 需要 做 如 下 谁 备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene _ 10 _2_ 2。 
在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 
人 了 内 置 的 天 空 盒子 。 在 Window Lighting -，Skybox 中 去 掉 场景 中 
太守 全 了 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


GlassRefractionMat。 





(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 


Chapter10-GlassRefraction。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材 
质 。 


(4) 构建 一 个 测试 玻璃 效果 的 场景 。 在 本 书 资 源 的 实现 中 ， 我 们 
构建 了 一 个 由 6 面 墙 围 成 的 封闭 房间 ， 并 在 房间 中 放置 了 一 个 立方 体 和 
一 个 球体 ， 其 中 球体 位 于 立方 体内 部 ， 这 是 为 了 模拟 玻璃 对 内 部 物体 的 
折 映 效果 。 把 第 2 步 中 创建 的 材质 赋 给 立方 体 。 


(5) 为 了 得 到 本 场景 适用 的 环境 映射 纹理 ， 我 们 使 用 了 10.1.2 贡 中 
实现 的 创建 立方 体 纹理 的 脚本 〈 通 过 Gameobject ~ Render into Cubemap 
打开 编辑 窗口 ) 来 创建 它 ， 如 图 10.14 所 示 。 在 本 书 资源 中 ， 该 Cubemap 
名 为 Glass_Cubemap。 





全 图 10.13 ”玻璃 效果 





Glass_CuUubemap 
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4 图 10.14 本 例 使 用 的 立方 体 纹理 


人 ， 打 开 Chapter10-GlassRefraction， 对 它 进 行 如 下 关 
医改 。 


(1〉 首先 ， 我 们 需要 声明 该 Shader 使 用 的 各 个 属性 : 











Properties { 
_MainTex ("Main Tex", 2D) = "white" {} 
_BumpMap ("Normal Map", 2D) = "bump" {} 
_Cubemap ("Environment Cubemap", Cube) = "_Skybox"” {} 


_Distortion ("Distortion"，Range(6，166)) = 16 
_RefractAmount ("Refract Amount"，Range(6.96，1.6)) = 1.6 





其 中 ，_MainTex 是 该 玻璃 的 材质 纹理 ， 默 认为 白色 纹理 ; 
_BumpMap 是 玻璃 的 法 线 纹 理 ，_Cubemap 是 用 于 模拟 反射 的 环境 纹理 ; 
_Distortion 则 用 于 控制 模拟 折射 时 图 像 的 扭曲 程度 ，_RefractAmount 用 
于 控制 折射 程度 ， 当 _RefractAmount 值 为 0 时 ， 该 玻璃 只 包含 反射 效 
果 ， 当 _RefractAmount 值 为 1 时 ， 该 玻璃 只 包括 折射 效果 。 


(2) 定义 相应 的 泻 染 队列 ， 并 使 用 GrabPass 来 获取 屏 舌 图 像 : 


SubShader { 
// We must be transparent, so other objects are drawn before this one. 
Tags { "Queue"="Transparent" "RenderType"="Opaque" } 


// This pass grabs the screen behind the object into a texture. 
// We can access the result in the next pass as RefractionTex 
GrabPass { "_ RefractionTex" } 





我 们 首先 在 SubShader 的 标签 中 将 泻 染 队列 设置 成 Transparent， 尽 管 
在 后 面 的 RenderType 被 设置 为 了 Opaque。 这 两 者 看 似 矛盾 ， 但 实际 上 服 
务 于 不 同 的 需求 。 我 们 在 之 前 说 过 ， 把 Queue 设 置 成 Transparent 可 以 确 
保 该 物体 泻 染 时 ， 其 他 所 有 不 透明 物体 都 已 经 被 演 染 到 屏幕 上 了 ， 人 否则 
就 可 能 无 法 正确 得 到 “ 透 过 玻璃 看 到 的 图 像 ?。 而 设置 RenderType 则 是 为 
了 在 使 用 着 色 器 替换 (Shader Replacement) 时 ， 该 物体 可 以 在 需要 时 
被 正确 泻 染 。 这 通常 发 生 在 我 们 需要 得 到 摄像 机 的 深度 和 法 线 纹理 时 ， 
这 将 会 在 第 13 章 中 学 到 。 


随后 ， 我 们 通过 关键 词 GrabPass 定 义 了 一 个 抓 取 屏幕 图 像 的 Pass。 
在 这 个 Pass 中 我 们 定义 了 一 个 字符 串 ， 该 字符 串 内 部 的 名 称 决 定 了 抓 取 
得 到 的 屏幕 图 像 将 会 被 存 入 哪个 纹理 中 。 实 际 上 ， 我 们 可 以 省 略 声明 该 
字符 串 ， 但 直接 声明 纹理 名 称 的 方法 往往 可 以 得 到 更 高 的 性 能 ， 具 体 原 
因 可 以 参见 本 节 最 后 的 部 分 。 


(3) 定义 演 染 玻璃 所 需 的 Pass。 为 了 在 Shader 中 访问 各 个 属性 ， 我 

















们 首先 需要 定义 它们 对 应 的 变量 : 


sampler2D MainTex; 
float4 MainTex_ST; 
sampler2D BumpMap; 
float4 BumpMap_ST; 
samplerCUBE Cubemap; 


float Distortion; 

fixed RefractAmount; 

sampler2D RefractionTex; 

float4 RefractionTex_ TexelSize; 





需要 注意 的 是 ， 我 们 还 定义 了 _RefractionTex 和 
_RefractionTex_TexelSize 变 量 ， 这 对 应 了 在 使 用 GrabPass 时 指定 的 纹理 
名 称 。_RefractionTex_TexelSize 可 以 让 我 们 得 到 该 纹理 的 纹 素 大 小 ， 例 
如 一 个 大 小 为 256x512 的 纹理 ， 它 的 纹 素 大 小 为 (1/256, 1/512)。 我 们 需 
要 在 对 屏幕 图 像 的 采样 坐标 进行 偏 移 时 使 用 该 变量 。 


(4) 我 们 首先 需要 定义 顶点 着 色 器 : 





v2f vert (a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


oOo.scrPos = ComputeGrabScreenPos(o.pos); 


O.UV.Xy = TRANSFORM TEX(v.texcoord, 
O.UV.ZW = TRANSFORM TEX(v.texcoord, 


_MainTex); 
_BumpMap ) ; 


float3 worldPos = mul(_ Object2World, v.vertex).xyz; 

fixed3 worldNormal = UnityObjectToWorldNormal(v.normal); 

fixed3 worldTangent = UnityObjectToWorldDir(v.tangent.xyz); 

fixed3 worldBinormal = cross(worldNormal, worldTangent) * v.tangent.w; 


0.TtoWN6 
Pos.x); 

0.TtoWN1 
Pos.y); 

0.TtoWN2 
Pos.z); 


float4(worldTangent.x, worldBinormal.x, worldNormal.x, world 
float4(worldTangent.y, worldBinormal.y, worldNormal.y, world 


float4(worldTangent.z, worldBinormal.z, worldNormal.z, world 


return o; 


在 进行 了 必要 的 顶点 坐标 变换 后 ， 我 们 通过 调用 内 置 的 
ComputeGrabScreenPos 函 数 来 得 到 对 应 被 抓 取 的 屏幕 图 像 的 采样 坐标 。 
读者 可 以 在 UnityCG.cginc 文 件 中 找到 它 的 声明 ， 它 的 主要 代码 和 
ComputeScreenPos 基 本 类 似 ， 最 大 的 不 同 是 针对 平台 差异 造成 的 采样 坐 
标 问 题 〈 详 见 5.6.1 节 ) 进行 了 处 理 。 接 着 ， 我 们 计算 了 _MainTex 和 
_BumpMap 的 采样 坐标 ， 并 把 它们 分 别 存储 在 一 个 float4 类 型 变量 的 xy 和 
zw 分 量 中 。 由 于 我 们 需要 在 片 元 着 色 器 中 把 法 线 方向 从 切线 空间 〈 由 法 
线 纹理 采样 得 到 ) 变换 到 世界 空间 下 ， 以 便 对 Cubemap 进 行 采样 ， 
此 ， 我 们 需要 在 这 里 计算 该 项 点 对 应 的 从 切线 空间 到 世界 空间 的 变换 矩 
阵 ， 并 把 该 矩阵 的 每 一 行 分 别 存 储 在 TtoW0、TtowW1 和 TtoW2 的 xyz 分 量 
中 。 这 里 面 使 用 的 数学 方法 就 是 ， 得 到 切线 空间 下 的 3 个 坐标 轴 (xyz 轴 
分 别 对 应 了 副 切 线 、 切 线 和 法 线 的 方向 ) 在 世界 空间 下 的 表示 ， 再 把 它 
们 依次 按 列 组 成 一 个 变换 矩阵 即 可 。TtoW0 等 值 的 w 轴 同样 被 利用 起 
来 ， 用 于 存储 世界 空间 下 的 顶点 坐标 。 


(5) 然后， 定义 片 元 着 色 器 : 




















fixed4 frag (v2f i) : SV_Target { 
float3 worldPos = float3(i.Ttowe.w，i.TtoN1.w，i.TtoN2.w); 
fixed3 worldViewDir = normalize(UnityWorldSpaceViewDir(worldPos)); 


// Get the normal in tangent space 
fixed3 bump = UnpackNormal(tex2D( BumpMap, i.uv.zw)); 


// Compute the offset in tangent space 

float2 offset = bump.xy * Distortion * RefractionTex_ TexelSize.xy; 
i.scrPos.xy = offset + i.scrPos.xy; 

fixed3 refrCol = tex2D( RefractionTex, i.scrPos.xy/i.scrPpos.w).rgb; 


// Convert the normal to world space 

bump = normalize(half3(dot(i.Ttowe.xyz, bump), dot(i.TtoW1.xyz, bump), 
dot(i.TtoW2.xyz, bump))); 

fixed3 reflDir = reflect(-worldViewDir, bump); 

fixed4 texColor = tex2D( MainTex, i.uv.xy); 

fixed3 reflCol = texCUBE( Cubemap, reflDir).rgb * texColor.rgb; 


fixed3 finalColor = reflCol * (1 - RefractAmount) + refrCol * Refrac 


tAmount; 


return fixed4(finalColor, 1); 





我 们 首先 通过 TtoW0 等 变量 的 w 分 量 得 到 世界 坐标 ， 并 用 该 值得 到 
该 片 元 对 应 的 视角 方向 。 随 后 ， 我 们 对 法 线 纹 理 进行 采样 ， 得 到 切线 空 
间 下 的 法 线 方 同 。 我 们 使 用 该 值 和 _Distortion 属 性 以 及 
RefractionTex_TexelSize 来 对 屏 希 图像 的 采样 坐标 进行 偏 移 ， 模 拟 折射 








效果 。_Distortion 值 越 大 ， 偏 移 量 越 大 ， 玻 璃 背后 的 物体 看 起 来 变形 程 
度 越 大 。 在 这 里 ， 我 们 选择 使 用 切线 空间 下 的 法 线 方 回来 进行 偏 移 ， 是 
因为 该 空间 下 的 法 线 可 以 反映 顶点 局 部 空间 下 的 法 线 方向 。 随 后 ， 我 们 
对 scrPos 透 视 除 法 得 到 真正 的 屏幕 坐标 〈 原 理 可 参见 4.9.3 节 ) ， 再 使 用 
2 坐标 对 抓 取 的 屏幕 图 像 RefractionTex 进 行 采 样 ， 得 到 模拟 的 折射 颜 











之 后 ， 我 们 把 法 线 方向 从 切线 空间 变换 到 了 世界 空间 下 《使 用 变换 
矩阵 的 每 一 行 ， 即 TtoW0、TtowW1 和 TtowW2， 分 别 和 法 线 方向 点 乘 ， 构 
成 新 的 法 线 方向 ) ， 并 据 此 得 到 视角 方向 相对 于 法 线 方向 的 反射 方 癌 。 
随后 ， 使 用 反射 方向 对 Cubemap 进 行 采 样 ， 并 把 结果 和 主 纹理 颜色 相 乘 
后 得 到 反射 颜色 。 


最 后 ， 我 们 使 用 _RefractAmount 属 性 对 反射 和 折射 颜色 进行 混合 ， 
作为 最 终 的 输出 颜色 。 


完成 后 ， 我 们 把 本 书 资源 中 的 Glass_Diffuse.jpg 和 Glass _Normal.jpg 
文件 赋 给 材质 的 Main Tex 和 Normal Map 属 性 ， 把 之 前 创建 的 
Glass_Cubemap 赋 给 Environment Cubemap 必 性， 再 调整 RefractAmount 
属性 即 可 得 到 类 似 图 10.13 中 的 玻璃 效果 。 


在 前 面 的 实现 中 ， 我 们 在 GrabPass 中 使 用 一 个 字符 串 指明 了 被 抓 取 
的 屏幕 图 像 将 会 存储 在 哪个 名 称 的 纹理 中 。 实 际 上 ，GrabPass 文 持 两 种 


形式 。 


。 直接 使 用 GrabPass { }， 然 后 在 后 续 的 Pass 中 直接 使 用 _GrabTexture 
来 访问 屏幕 图 像 。 但 是 ， 当 场景 中 有 多 个 物体 都 使 用 了 这 样 的 形式 
来 抓 取 屏幕 时 ， 这 种 方法 的 性 能 消耗 比较 大 ， 因 为 对 于 每 一 个 使 用 


























它 的 物体 ，Unity 都 会 为 它 单 独 进行 一 次 昂贵 的 屏幕 抓 取 操作 。 但 
这 种 方法 可 以 让 每 个 物体 得 到 不 同 的 屏幕 图 像 ， 这 取决 于 它们 的 演 
染 队 列 及 泻 染 它 们 时 当前 的 屏幕 缓冲 中 的 颜色 。 

使 用 GrabPass { "TextureName" }， 正 如 本 节 中 的 实现 ， 我 们 可 以 在 
后 续 的 Pass 中 使 用 TextureName 来 访问 屏幕 图 像 。 使 用 这 种 方法 同 
样 可 以 抓 取 屏 幕 ， 但 Unity 只 会 在 每 一 帧 时 为 第 一 个 使 用 名 为 
TextureName 的 纹理 的 物体 执行 一 次 抓 取 屏幕 的 操作 ， 而 这 个 纹理 
同样 可 以 在 其 他 Pass 中 被 访问 。 这 种 方法 更 高 效 ， 因 为 不 管 场 景 中 
有 多 少 物体 使 用 了 该 命令 ， 每 一 帧 中 Unity 都 只 会 执行 一 次 抓 取 工 
作 ， 但 这 也 意味 着 所 有 物体 都 会 使 用 同一 张 屏幕 图 像 。 不 过 ， 在 大 
多 数 情 况 下 这 已 经 足够 了 。 




















10.2.3” 演 染 纹理 vs. GrabPass 


尽管 GrabPass 和 10.2.1 节 中 使 用 的 泻 染 纹理 + 额外 摄像 机 的 方式 都 
可 以 抓 取 屏 幕 图 像 ， 但 它们 之 间 还 是 有 一 些 不 同 的 。GrabPass 的 好 处 在 
于 实现 人 简单， 我 们 只 需要 在 Shader 中 写 几 行 代码 就 可 以 实现 抓 取 屏 大 的 
目的 。 而 要 使 用 泻 染 纹理 的 话 ， 我 们 首先 需要 创建 一 个 演 染 纹理 和 一 个 
额外 的 摄像 机 ， 再 把 该 摄像 机 的 Render Target 设 置 为 新 建 的 演 染 纹理 对 
象 ， 最 后 把 该 泻 染 纹理 传递 给 相应 的 Shader。 


但 从 效率 上 来 讲 ， 使 用 泻 染 纹理 的 效率 往往 要 好 于 GrabPass， 尤 其 
在 移动 设备 上 。 使 用 演 染 纹理 我 们 可 以 目 定 义演 染 纹理 的 大 小 ， 尽 管 这 
种 方法 需要 把 部 分 场景 再 次 泻 染 一 人 过， 但 我 们 可 以 通过 调整 摄像 机 的 泻 
染 层 来 减少 二 次 泻 染 时 的 场景 大 小 ， 或 使 用 其 他 方法 来 控制 摄像 机 是 人 否 
需要 开启。 而 使 用 GrabPass 获 取 到 的 图 像 分 辨 率 和 显示 屏幕 是 一 致 的 ， 
这 意味 着 在 一 些 高 分 辨 率 的 设备 上 可 能 会 造成 严重 的 带宽 影响 。 而 且 在 
移动 设备 上 ，GrabPass 虽 然 不 会 重新 泻 染 场景 ， 但 它 往 往 需 要 CPU 直接 
读 取 后 备 缓冲 (back buffer) 中 的 数据 ， 破 坏 了 CPU 和 GPU 之 间 的 并 行 
性 ， 这 是 比较 耗 时 的 ， 甚 至 在 一 些 移动 设备 上 这 是 不 文 持 的 。 


在 Unity 5 中 ，Unity 引 入 了 命令 缓冲 (Command Buffers) 来 允许 
我 们 扩展 Unity 的 泻 染 流水 线 。 使 用 命令 缓冲 我 们 也 可 以 得 到 类 似 抓 屏 
的 效果 ， 它 可 以 在 不 透明 物体 泻 染 后 把 当前 的 图 像 复制 到 一 个 临时 的 这 
染 目标 纹理 中 ， 然 后 在 那里 进行 一 些 额 外 的 操作 ， 例 如 模糊 等 ， 最 后 把 
图 像 传 递 给 需要 使 用 它 的 物体 进行 处 理 和 显示 。 除 此 之 外 ， 命 令 缓冲 还 
允许 我 们 实现 很 多 特殊 的 效果 ， 读 者 可 以 在 Unity 官 方 手册 的 图 像 命 令 




















缓冲 一 文 (http://docs.unity3d.com/Manual/Graphics 
CommandBuffers.html ) 中 找到 更 多 内 容 ，Unity 还 提供 了 一 个 示例 工程 
供 我 们 学 习 。 


10.3 ”程序 纹理 


程序 纹理 (Procedural Texture) 指 的 是 那些 由 计算 机 生成 的 图 
像 ， 我 们 通常 使 用 一 些 特定 的 算法 来 创建 个 性 化 图 案 或 非常 真实 的 自然 
元 素 ， 例 如 木头 、 石 子 等 。 使 用 程序 纹理 的 好 处 在 于 我 们 可 以 使 用 各 种 
参数 来 控制 纹理 的 外 观 ， 而 这 些 属性 不 仅仅 是 那些 颜色 属性 ， 甚 至 可 以 
是 完全 不 同类 型 的 图 和 案 属 性 ， 这 使 得 我 们 可 以 得 到 更 加 丰富 的 动画 和 视 
觉 效果 。 在 本 节 中 ， 我 们 首先 会 答 试 用 算法 来 实现 一 个 非常 简单 的 程序 
的 然后 ， 我 们 会 介绍 Unity 里 一 类 专门 使 用 程序 纹理 的 材质 一 一 程 
予 材质 。 


10.3.1 在 Unity 中 实现 简单 的 程序 纹理 
在 这 一 节 里 ， 我 们 会 使 用 一 个 算法 来 生成 一 个 波 点 纹理 ， 如 图 


10.15 所 示 。 我 们 可 以 在 脚本 中 调整 一 些 参数 ， 如 背景 颜色 、 波 点 颜色 
等 ， 以 控制 最 终生 成 的 纹理 外 观 。 
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A 图 10.15 脚本 生成 的 程序 纹理 





为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 10 3 1。 
在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 
， 了 内 置 的 天 空 盒子 。 在 Window Lighting -，Skybox 中 去 掉 场 景 中 
天空 合子。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


ProceduralTextureMat。 








(3) 我 们 使 用 第 7 章 的 一 个 Unity Shader 
SingleTexture， 把 它 赋 给 第 2 步 中 创建 的 材质 。 


(4) 新 建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 它 


(5) 我 们 并 没有 为 ProceduralTextureMat 材 质 赋 予 任何 纹理 ， 这 是 
因为 ， 我 们 想 要 用 脚本 来 创建 程序 纹理 。 为 此 ， 我 们 再 创建 一 个 脚本 
ProceduralTextureGeneration.cs， 并 把 它 拖 忠 到 第 4 步 创 建 的 立方 体 。 


在 本 节 中 ， 我 们 将 会 使 用 代码 来 生成 一 个 波 点 纹理 。 为 此 ， 我 们 打 
开 ProceduralTextureGeneration.cs， 进 行 如 下 修改 。 


(1) 为 了 让 该 脚本 能 够 在 编辑 器 模式 下 运行 ， 我 们 首先 在 类 的 开 
头 添加 如 下 代码 : 


Chapter7- 


[ExecuteInEditMode] 
public class ProceduralTextureGeneration : MonoBehaviour { 





(2) 声明 一 个 材质 ， 这 个 材质 将 使 用 该 脚本 中 生成 的 程序 纹理 : 


public Material material = null; 


(3) 然后 ， 声 明 该 程序 纹理 使 用 的 各 种 参数 : 


#region Material properties 





[SerializeField, SetProperty("textureWidth")] 
private int m textureWidth = 512; 
public int textureWidth { 
get { 
return m textureWidth; 
} 


set { 
m textureWidth = value; 
_UpdateMaterial(); 


} 


[SerializeField, SetProperty("backgroundColor")] 
private Color m backgroundColor = Color.white; 
public Color backgroundColor { 


get { 
return m backgroundColor; 
} 
set { 
m_backgroundColor = value; 
_UpdateMaterial(); 
} 


} 


[SerializeField, SetProperty("circleColor")] 
private Color m circleColor = Color.yellow; 
public Color circleColor { 
get { 
return m circleColor; 
} 


set { 
m_circleColor = value; 
_UpdateMaterial(); 


} 


[SerializeField, SetProperty("blurFactor")] 
private float m blurFactor = 2.6f; 
public float blurFactor { 
get { 
return m blurFactor; 
} 


set { 
m blurFactor = value; 
_UpdateMaterial(); 
} 
} 


#endregion 


| 


#region 和 #endregion 仅仅 是 为 了 组 织 代 码 ， 并 没有 其 他 作用 。 由 

于 我 们 生成 的 纹理 是 由 奋 干 圆 点 构成 的 ， 因 此 在 上 面 的 代码 中 ， 我 们 声 
明了 4 个 纹理 属性 : 纹理 的 大 小 ， 数 值 通常 是 2 的 整数 需 ; 纹理 的 背景 颜 
色 ; 圆 点 的 颜色 ， 模 糊 因 于， 这 个 参数 是 用 来 模糊 圆 形 边界 的 。 注 意 

到 ， 对 于 每 个 属性 我 们 使 用 了 get/set 的 方法 ， 为 了 在 面板 上 修改 属性 时 
仍 可 以 执行 set 函数 ， 我 们 使 用 了 一 个 开源 插件 
SetProperty (https://github.com/LMNRY/SetProperty/blob/master/Scripts/Se 
) 。 这 使 得 当 我 们 修改 了 材质 属性 时 ， 可 以 执行 _UpdateMaterial 函 数 来 
使 用 新 的 属性 重新 生成 程序 纹理 。 


(4) 为 了 保存 生成 的 程序 纹理 ， 我 们 声明 一 个 Texture2D 类 型 的 纹 
理 变 量 : 


private Texture2D m generatedTexture = null; 


(5) 下 面 开始 编写 各 个 函数 。 痛 先 ， 我 们 需要 在 Start 函 数 中 进行 
相应 的 检查 ， 以 得 到 需要 使 用 该 程序 纹理 的 材质 : 














void Start () { 
if (material == null) { 
Renderer renderer = gameObject.GetComponent<Renderer>(); 
if (renderer == null) { 
Debug.LogWarning("Cannot find a renderer."); 
return; 


} 


material = renderer.sharedMaterial; 


} 


_UpdateMaterial(); 





在 上 面 的 代码 里 ， 我 们 首先 检查 了 material 变 量 是 侣 为 空 ， 如 果 为 
空 ， 就 答 试 从 使 用 该 脚本 所 在 的 物体 上 得 到 相应 的 材质 。 完 成 后 ， 调 用 


_UpdateMtaterial 函 数 来 为 其 生成 程序 纹理 。 
(6) _UpdateMaterial 函 数 的 代码 如 下 : 


private void UpdateMaterial() { 
if (material != null) { 
m_generatedTexture = _GenerateProceduralTexture() 
material.SetTexture(" MainTex", m generatedTexture); 





它 确保 material 不 为 衬 ， 然 后 调用 _GenerateProceduralTexture 函 数 来 
生成 一 张 程序 纹理 ， 并 赋 给 m_generatedTexture 变 量 。 完 成 后 ， 利 用 
Mtaterial.SetTexture 函 数 把 生成 的 纹理 赋 给 材质 。 材 质 material 中 需要 有 
一 个 名 为 _MainTex 的 纹理 属性 。 


(7) _GenerateProceduralTexture 函 数 的 代码 如 下 : 





private Texture2D GenerateProceduralTexture() { 
Texture2D proceduralTexture = new Texture2D(textureWidth, textureWidth 


); 


// 定义 圆 与 圆 之 间 的 间距 
float circleInterval = textureWidth / 4.6f; 
// 定义 圆 的 半径 
float radius = textureWidth / 16.6f; 
// 定义 模糊 系数 
float edgeBlur = 1.6f / blurFactor; 


0 











for (int w = 60; w <textureWidth; w++) { 
for (int h = 6; h <textureWidth; h++) { 
// 使 用 背景 颜色 进行 初始 化 


Color pixel = backgroundColor; 




















3 





// 依次 画 9 个 圆 
for (inti = 6;j ix< 3; i++) { 
for (int j = 6j j < 3; j++) { 
// 计算 当前 所 绘制 的 圆 的 圆心 位 置 
Vector2 circleCenter = new Vector2(circleInterval * (i 
+ 1), circleInterval 











* (j + 1)); 





// 计算 当前 像素 与 圆心 的 距离 


float dist = Vector2.Distance(new Vector2(w，h)，circl 





eCenter) - radius; 


// 模糊 圆 的 边界 

















Color color = MixColor(circleColor, new Color(pixel.r 
， Ppixel.g, 
pixel.b, 8.6f), Mathf.SmoothSstep(6f, 1.6f, dist * edge 
Blur)); 
// 与 之 前 得 到 的 颜色 进行 混合 
pixel = MixColor(pixel, color, color.a); 
} 
} 
proceduralTexture.SetPixel(w, h, pixel); 
} 
} 


proceduralTexture.Apply(); 


return proceduralTexture; 





代码 首先 初始 化 一 张 二 维 纹理 ， 并 且 提 前 计算 了 一 些 生成 纹理 时 需 





要 的 变量 。 然 后 ， 使 用 了 一 个 两 层 的 众 套 循环 过 历 纹 理 中 的 每 个 像素 ， 
并 在 纹理 上 依次 绘制 9 个 圆 形 。 最 后 ， 调 用 Texture2D.Apply 函 数 来 强制 
把 像素 值 写 入 纹理 中 ， 并 返回 该 程序 纹理 。 


保存 脚本 后 返回 场景 ， 调 整 相应 的 参数 后 可 以 得 到 类 似 图 10.15 中 
0 0 
虽 插 10.16 所 未 。 








4 图 10.16 调整 程序 纹理 的 参数 来 得 到 不 同 的 程序 纹理 





至 此 ， 我 们 已 经 学 会 如 何 通 过 脚本 来 创建 一 个 程序 纹理 ， 再 赋 给 相 
应 的 材质 了 。 


10.3.2 ”Unity 的 程序 材质 


在 Unity 中 ， 有 一 类 专门 使 用 程序 纹理 的 材质 ， 叫 做 程序 材质 
(Procedural Materials) 。 这 类 材质 和 我 们 之 前 使 用 的 那些 材质 在 本 
质 上 是 一 样 的 ， 不 同 的 是 ， 它 们 使 用 的 纹理 不 是 普通 的 纹理 ， 而 是 程序 

纹理 。 需 要 注意 的 是 ， 程 序 材质 和 它 使 用 的 程序 纹理 并 不 是 在 Unity 中 
创建 的 ， 而 是 使 用 了 一 个 名 为 Substance Designer 的 软件 在 Unity 外 部 生 
成 的 。 


Substance Designer 是 一 个 非常 出 色 的 纹理 生成 工具 ， 很 多 3A 的 游 
戏 项 目 都 使 用 了 由 它 生 成 的 材质 。 我 们 可 以 从 Unity 的 资源 商店 或 网 络 
中 获取 到 很 多 免费 或 付费 的 Substance 材 质 。 这 些 材质 都 是 以 .sbsar 为 后 
级 的 ， 如 图 10.17 所 示 〈 资 源 来 源 于 
https://www.assetstore.unity3d.com/en/#!/ content/1352 ) 。 我 们 可 以 直接 
把 这 些 材质 像 其 他 资源 一 样 拖 入 Unity 项 目 中 。 


回 Substance_...tion_sbsar 了 bricks_032.sbsar 


| BrickWall_02.sbsar 
- Camouflage_02.sbsar 


| Cereals.sbsar 


| concrete_049.sbsar 

| Desert Sand_01.sbsar 
Electric_Liquid.sbsar 
了 metal floor_003.sbsar 
] metal_plate_005.sbsar 
| metal_plate_008.sbsar 
| Pavement_01.sbsar 

| Pavement_Path.sbsar 
| Road_01.sbsar 

-| roofing_007.sbsar 


1] sci fi_003.sbsar 


了 ] Shutter_01.sbsar 
| Stones_01.sbsar 
| Wood_Planks_01.sbsar 


A 图 10.17 后 缀 为 .sbsar 的 Substance 材 质 


当 把 这 些 文件 导入 Unity 后 ，Unity 就 会 生成 一 个 程序 纹理 资源 
(Procedural Material Asset) 。 程 序 纹理 资源 可 以 包含 一 个 或 多 个 程 
序 材质 ， 例 如 图 10.18 中 就 包含 了 两 个 程序 纹理 一 一 Cereals 和 
Cereals_1， 每 个 程序 纹理 使 用 了 不 同 的 纹理 参数 ， 因 此 Unity 为 它们 生 
成 了 不 同 的 程序 纹理 ， 例 如 Cereals_Diffuse 和 Cereals 1_Diffuse 等 。 


aa 











A 图 10.18 程序 纹理 资源 


通过 单 击 程序 材质 ， 我 们 可 以 在 程序 纹理 的 面板 上 看 到 该 材质 使 用 
J Shader 及 其 属性 、 生 成 程序 纹理 使 用 的 纹理 属性 、 材 质 预览 等 


吾 /b 


程序 材质 的 使 用 和 普通 材质 是 一 样 的 ， 我 们 把 它们 拖 电 到 相应 的 模 
型 上 即 可 。 读 者 可 以 在 本 书 资源 的 Scene_10_3_2 中 找到 这 样 的 示例 场 
景 。 程 序 纹 理 的 强大 之 处 很 大 原因 在 于 它 的 多 变性 ， 我 们 可 以 通过 调整 
程序 纹理 的 属性 来 控制 纹理 的 外 观 ， 甚 至 可 以 生成 看 似 完 全 不 同 的 纹 
.19 给 出 了 调整 Cereals 程 序 材质 的 不 同 纹理 属性 得 到 的 不 同 材 
让 区 











4 图 10.19 调整 程序 纹理 属性 可 以 得 到 看 似 完全 不 同 的 程序 材质 效果 














可 以 看 出 ， 程 序 材质 的 目 由 度 很 高 ， 而 且 可 以 和 Shader 配 合 得 到 非 
常 出 色 的 视觉 效果 ， 它 是 一 种 非常 强大 的 材质 类 型 。 


第 11 章 ”让 画面 动 起 来 


没有 动画 的 画面 往往 让 人 觉得 很 无 趣 。 在 本 章 中 ， 我 们 将 会 学 习 如 
何 向 Unity Shader 中 引入 时 间 变 量 ， 以 实现 各 种 动画 效果 。 在 11.1 节 中 ， 
我 们 首先 会 介绍 Unity Shader 内 置 的 时 间 变 量 ， 在 随后 的 章节 中 我 们 会 
使 用 这 些 时 间 变 量 来 实现 动画 。11.2 节 会 介绍 两 种 常见 的 纹理 动画 ， 即 
序列 帧 动画 和 背景 循环 滚动 动画 。 在 11.3 节 ， 我 们 会 学 习 使 用 顶点 动画 
来 实现 流动 的 河流 、 广 告 牌 等 动画 效果 ， 并 在 最 后 给 出 一 些 在 实现 顶点 
动画 时 的 注意 事项 。 














11.1 Unity Shader 中 的 内 置 变量 (时 间 篇 ) 


动画 效果 往往 都 是 把 时 间 添 加 到 一 些 变 量 的 计算 中 ， 以 便 在 时 间 变 
化 时 画面 也 可 以 随 之 变化 。Unity Shader 提 供 了 一 系列 关于 时 间 的 内 置 
变量 来 允许 我 们 方便 地 在 Shader 中 访问 运行 时 间 ， 实 现 各 种 动画 效果 。 
表 11.1 给 出 了 这 些 内 置 的 时 间 变 量 。 


表 11.1 Unity 内 置 的 时 间 变 量 








是 自 该 场景 加 载 开 始 所 经 过 的 时 间 ，4 个 分 量 的 值 分 别 是 
(1/20, t, 2t, 30。 

















t 是 时 间 的 正弦 值 ，4 个 分 量 的 值 分 别 是 (t/8, t/4, t/2, t) 
Lewine oe en 4 个 分 量 的 值 分 别 是 (t8, t/4, t/2, t) 


dt 是 时 间 增 量 ，4 个 分 量 的 值 分 别 是 (dt, 1/dt, smoothDt, 
1/smoothDt) 














unity_DeltaTime |float4 








在 后 面 的 章节 中 ， 我 们 会 使 用 上 述 时 间 变 量 来 实现 纹理 动画 和 顶点 
动画 。 


11.2 ”纹理 动画 


纹理 动画 在 游戏 中 的 应 用 非常 广泛 。 无 其 在 各 种 资源 都 比较 局 限 的 
oe 0 
种 动画 效果 。 


11.2.1 序列 帧 动画 


最 肖 见 的 纹理 动画 之 一 就 是 序列 帧 动画 。 序 列 帧 动画 的 原理 非 第 简 
单 ， 它 像 放电 影 一 样 ， 依 次 播放 一 系列 关键 帧 图 像 ， 当 播放 速度 达到 一 
定数 值 时 ， 看 起 来 束 是 一 个 连续 的 动画 。 它 的 优点 在 于 灵活 性 很 强 ， 我 
们 不 需要 进行 任何 物理 计算 就 可 以 得 到 非常 细腻 的 动画 效果 。 而 它 的 缺 
扩 也 很 明显 ， 由 于 订 列 帧 中 每 张 关键 帧 图 像 都 不 一 样 ， 因 此 ， 要 制作 一 
张 出 色 的 序列 帧 纹理 所 需要 的 美术 工程 量 也 比较 大 。 


要 想 实 现 序 列 帧 动画 ， 我 们 先 要 提供 一 张 包含 了 关键 帧 图 像 的 图 
像 。 在 本 书 资源 中 ， 我 们 提供 了 这 样 一 张 图 像 
(Assets/Textures/Chapter11/Boom.png) ， 如 图 11.1 所 示 。 


上 述 图 像 包 含 了 8 x 8 张 关键 帧 图 像 ， 它 们 的 大 小 相同 ， 而 且 播 放 顺 
序 为 从 左 到 右 、 从 上 到 下 。 图 11.2 给 出 了 不 同时 刻 播 放 的 不 同 动画 效 
果 。 
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4 图 11.1 本 顾 使 用 的 序列 帧 图 像 








4 图 11.2 使 用 序列 帧 动画 来 实现 爆炸 效果 


为 了 在 Unity 中 实现 序列 帧 动画 ， 我 们 需要 做 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11 2 1。 
在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 





使 用 了 内 置 的 天 空 盒子 。 在 Window ”Lighting ~ Skybox 中 去 掉 场 景 中 
的 天 宇多 了 3 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


ImageSequenceAnimationMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter11-ImageSequenceAnimation。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 
材质 。 

(4) 在 场景 中 创建 一 个 四 边 形 〈Quad) ， 调 整 它 的 位 置 使 其 正面 
天 同 摄像 机 ， 并 把 第 2 步 中 的 材质 拖 给 蝶 它 。 


上 述 序列 帧 动画 的 精髓 在 于 ， 我 们 需要 在 每 个 时 刻 计算 该 时 刻下 应 
该 播放 的 关键 帧 的 位 置 ， 并 对 该 关键 帧 进行 纹理 采样 。 打 开 新 建 的 
Chapter11-ImageSequenceAnimation， 删 除 原 有 的 代码 ， 并 添加 如 下 关键 
代码 。 


(1) 我 们 首先 声明 了 多 个 属性 ， 以 设置 该 序列 帧 动画 的 相关 参 


Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_MainTex ("Image Sequence", 2D) = "white" {} 
_HorizontalAmount ("Horizontal Amount", Float) = 4 


_VerticalAmount ("Vertical Amount", Float) = 4 
_Speed ("Speed", Range(1, 1660)) = 36 
} 





_MainTex 束 是 包含 了 所 有 关键 帧 图 像 的 纹理 。_HorizontalAmount 
和 _VerticalAmount 分 别 代 表 了 该 图 像 在 水 平方 向 和 竖 直 方 同 包含 的 关键 
帧 图 像 的 个 数 。 而 _Speed 属 性 用 于 控制 序列 帧 动画 的 播放 速度 。 


(2) 由 于 序列 帧 图 像 通常 是 透明 纹理 ， 我 们 需要 设置 Pass 的 相关 
状态 ， 以 演 染 透明 效果 : 








SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Tra 


nsparent"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSrcAlpha 





由 于 序列 帧 图 像 通 常 包含 了 透明 通道 ， 因 此 可 以 被 当成 是 一 个 半 透 
明 对 象 。 在 这 里 我 们 使 用 半 透 明 的 “ 标 配 ”来 设置 它 的 SubShader 标 签 ， 
即 把 Queue 和 RenderType 设 置 成 Transparent， 把 IgnoreProjector 设 置 为 
True。 在 Pass 中 ， 我 们 使 用 Blend 命 令 来 开局 并 设置 混合 模式 ， 同 时 关 
闭 了 深度 写 入 。 


(3) 顶点 着 色 器 的 代码 非常 简单 ， 我 们 进行 了 基本 的 顶点 变换 ， 
并 把 顶点 纹理 坐标 存储 到 了 v2f 结 构 体 里 : 








v2f vert (a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
O.UV = TRANSFORM TEX(v.texcoord, MainTex); 
return o; 








(4) 卢 元 着 色 需 是 我 们 的 重头 戏 : 





fixed4 frag (v2f i) : SV_Target { 
float time = floor( Time.y * Speed); 
float row = floor(time / _HorizontalAmount); 
float column = time - row * HorizontalAmount; 


// half2 uv = float2(i.uv.x /_HorizontalAmount, i.uv.y / _VerticalAmount) 


// uv.x += column / _HorizontalAmount; 


// uv.y -= row / _VerticalAmount; 
half2 uv = i.uv + half2(column, -row); 
UvV.X /= _HorizontalAmount; 


uv.y /= _VerticalAmount; 


fixed4 c = tex2D( MainTex, uv); 
c.rgb *= _Color; 


return c; 


} 





要 播放 帧 动画 ， 从 本 质 来 说 ,我 们 需要 计算 出 每 个 时 刻 需 要 播放 的 





关键 帧 在 纹理 中 的 位 置 。 而 由 于 序列 帧 纹理 都 是 按 行 按 列 排列 的 ， 因 此 
这 个 位 置 可 以 认为 是 该 关键 帧 所 在 的 行列 索引 数 。 因 此 ， 在 上 面 的 代码 
的 前 3 行 中 我 们 计算 了 行列 数 ， 其 中 使 用 了 Unity 的 内 置 时 间 变 量 
_Time。 由 11.1 节 可 以 知道 ，_Time.y 就 是 自 该 场景 加 载 后 所 经 过 的 时 
间 。 我 们 首先 把 _Time.y 和 速度 属性 _Speed 相 乘 来 得 到 模拟 的 时 间 ， 并 
使 用 CG 的 floor 函 数 对 结果 值 取 整 来 得 到 整数 时 间 time。 然 后 ， 我 们 使 用 
time 除 以 _HorizontalAmount 的 结果 值 的 商 来 作为 当前 对 应 的 行 索引 ， 除 
法 结果 的 余数 则 是 列 索 引 。 接 下 来 ， 我 们 需要 使 用 行列 索引 值 来 构建 真 
正 的 采样 坐标 。 由 于 序列 帧 图 像 包 含 了 许多 关键 帧 图 像 ， 这 意味 着 采样 
坐标 需要 映射 到 每 个 关键 帧 图 像 的 坐标 范围 内 。 我 们 可 以 首先 把 原 纹理 
坐标 iuv 按 行 数 和 列 数 进行 等 分 ， 得 到 每 个 子 图 像 的 纹理 坐标 范围 。 然 
后 ， 我 们 需要 使 用 当前 的 行列 数 对 上 面 的 结果 进行 偏 移 ， 得 到 当前 子 图 
像 的 纹理 坐标 。 需 要 注意 的 是 ， 对 竖 直 方 同 的 坐标 偏 移 需 要 使 用 减法 ， 
这 是 因为 在 Unity 中 纹理 坐标 竖 直 方 癌 的 顺序 〈 从 下 到 上 逐渐 增 大 ) 和 
序列 帧 纹理 中 的 顺序 〈 播 放 顺 序 是 从 上 到 下 ) 是 相反 的 。 这 对 应 了 上 面 
代码 中 注释 挥 的 代码 部 分 。 我 们 可 以 把 上 述 过 程 中 的 除法 整合 到 一 起 ， 
就 得 到 了 注释 下 方 的 代码 。 这 样 ， 我 们 就 得 到 了 真正 的 纹理 采样 坐标 。 


(5) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 Transparent/VertexLit (也 
可 以 选择 关闭 Fallback) : 


Fallback "Transparent/VertexLit" 


保存 后 返回 场景 ， 我 们 将 Assets/Textures/Chapter11/Boom.png〈 注 
意 ， 由 于 是 透明 纹理 ， 因 此 需要 勾 选 该 纹理 的 Alpha Is Transparency 属 
性 ) 赋 给 ImageSequenceAnimationMat 中 的 Image Sequence 属 性 ， 并 将 
Horizontal Amount 和 Vertical Amount 设 置 为 8〈 因 为 Boom.png 包 含 了 8 行 
8 列 的 关键 帧 图 像 〉》， 完 成 后 单 击 播放 ， 并 调整 Speed 属 性 ， 就 可 以 得 到 



































一 段 连 续 的 爆炸 动画 。 
11.2.2 滚动 的 背景 


很 多 2D 游 戏 都 使 用 了 不 断 滚 动 的 背景 来 模拟 游戏 角色 在 场景 中 的 
穿梭 ， 这 些 背 景 往往 包含 了 多 个 层 (layers) 来 模拟 一 种 视差 效果 。 而 
这 些 背 景 的 实现 往往 就 是 利用 了 纹理 动画 。 在 本 节 中 ， 我 们 将 实现 一 个 
包含 了 两 层 的 无 限 滚 动 的 2D 游 戏 背景 。 本 节 使 用 的 纹理 资源 均 来 自 
OpenGameArt (http://opengameart.org ) 网 站 。 在 学 习 完 本 节 后 ， 我 们 
es 单 击 运行 后 ， 就 可 以 得 到 一 个 无 限 滚动 

j 用 等 俯 木 。 


€ Game 





Maximize on Play | Mute audio | Stats | Gizmos ™ 





A 图 11.3 无限 深 动 的 背景 (纹理 来 源 : forest-background © 2012-2013 Julien Jorge 
julien.jorge@stuff-o-matic.com ) 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 该 场景 名 为 Scene_11 2_2。 
在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 





使 用 了 内 置 的 天 空 盒子 。 在 Window -Lighting ~ Skybox 中 去 掉 场 景 中 
的 天 空 盒子 。 由 于 本 例 模拟 的 是 2D 游 戏 中 的 滚动 背景 ， 因 此 我 们 需要 
把 摄像 机 的 投影 模式 设置 为 正 交 投影 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
ScrollingBackgroundMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter11-ScrollingBackground。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材 
质 。 

(4) 在 场景 中 创建 一 个 四 边 形 〈Quad) ， 调 整 它 的 位 置 和 大 小 ， 
使 它 充 满 摄像 机 的 视野 范围 ， 然 后 把 第 2 步 中 的 材质 拖 电 给 它 。 该 四 边 
形 将 用 于 显示 游戏 背景 。 


打开 新 建 的 Chapter11-ScrollingBackground， 删 除 原 有 的 代码 ， 并 添 
加 如 下 关键 代码 。 


(1) 我 们 首先 声明 了 新 的 属性 : 


Properties { 

MainTex ("Base Layer (RGB)", 2D) = "white" 

DetailTex ("2nd Layer (RGB)", 2D) = "white" 
ScrollX ("Base layer Scroll Speed", Float) 

Scroll2X ("2nd layer Scroll Speed", Float) 

Multiplier ("Layer Multiplier", Float) = 1 


} 





其 中 ，_MainTex 和 _DetailTex 分 别 是 第 一 层 〈 较 远 ) 和 第 二 层 ( 较 
近 ) 的 背景 纹理 ， 而 _ScrolX 和 _Scroll2X 对 应 了 各 自 的 水 平 滚动 速度 。 
_Multiplier 参 数 则 用 于 控制 纹理 的 整体 亮度 。 


(2) 我 们 的 顶点 着 色 右 代码 非常 简 早 : 





v2f vert (a2v v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV.Xy = TRANSFORM TEX(v.texcoord, MainTex) + frac(float2(_ScrollX, 


6.6) * Time.y); 
O.UV.ZW = TRANSFORM TEX(v.texcoord, DetailTex) + frac(float2( Scroll2 
X，6.6) * Time.y); 


return o; 





我 们 首先 进行 了 最 基本 的 顶点 变换 ， 把 顶点 从 模型 空间 变换 到 裁 甬 


空间 中 。 然 后 ， 我 们 计算 了 两 层 背 景 纹理 的 纹理 坐标 。 为 此 ， 我 们 首先 
利用 TRANSEFORM_TEX 来 得 到 初始 的 纹理 坐标 。 然 后 ， 我 们 利用 内 置 





的 _Time.y 变 量 在 水 平方 向 上 对 纹理 坐标 进行 偏 移 ， 以 此 达到 滚动 的 效 
末 。 我 们 把 两 张 纹理 的 纹理 坐标 存储 在 同一 个 变量 ouv 中 ， 以 减少 占用 
的 插值 寄存 器 空间 。 


(3) 片 元 着 色 器 的 工作 就 相对 比较 简单 : 





fixed4 frag (v2f i) : SV_Target { 
fixed4 firstLayer = tex2D( MainTex, i.uv.xy); 
fixed4 secondLayer = tex2D(_ DetailTex, i.uv.zw); 


fixed4 c = lerp(firstLayer, secondLayer, secondLayer.a); 


c.rgb *= Multiplier; 


return c; 





我 们 首先 分 别 利用 i.uv.xy 和 i.uv.zw 对 两 张 背 景 纹 理 进行 采样 。 然 
后 ， 使 用 第 二 层 纹理 的 透明 通道 来 混合 两 张 纹理 ， 这 使 用 了 CG 的 lerp 函 
数 。 最 后 ， 我 们 使 用 _Multiplier 参 数 和 输出 颜色 进行 相 乘 ， 以 调整 背景 


(4) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 VertexLit (也 可 以 选择 关 
团 Fallback) : 


Fallback "VertexLit" 


保存 后 返回 场景 ， 把 本 书 资源 中 的 
Assets/Textures/Chapter11/Far_Background.png 和 
Assets/Textures/Chapter11/Near_Background.png 分 别 赋 给 材质 的 Base 
Layer 和 2nd Layer 属 性 ， 并 调整 它们 的 滚动 速度 〈 由 于 我 们 想 要 在 视觉 
上 模拟 Base Layer 比 2nd Layer 更 远 的 效果 ， 因 此 Base Layer 的 滚动 速度 要 
Layer 的 速度 慢 一 些 ) 。 单 击 运 行 后 ， 就 可 以 得 到 类 似 图 11.3 中 的 
入 5 


11.3 ”顶点 动画 


如 果 一 个 游戏 中 所 有 的 物体 都 是 静止 的 ， 这 样 枯燥 的 世界 念 怕 很 难 
引起 玩家 的 兴趣 。 顶 点 动画 可 以 让 我 们 的 场景 变 得 更 加 生动 有 趣 。 在 游 
戏 中 ， 我 们 币 间 使 用 项 点 动画 来 模拟 飘动 的 旗帜 、 湛 流 的 小 溪 等 效果 。 
在 本 节 中 ， 我 们 将 学 习 两 种 常见 的 顶点 动画 的 应 用 一 一 流动 的 河流 以 及 
在 本 节 最 后 ， 我 们 还 将 给 出 一 些 顶 点 动画 中 的 注意 事项 及 
坚决 方法 。 








11.3.1 流动 的 河流 


河流 的 模拟 是 顶点 动画 最 常见 的 应 用 之 一 。 它 的 原理 通常 就 是 使 用 
正弦 函数 等 来 模拟 水 流 的 波动 效果 。 在 本 小 节 中 ， 我 们 将 学 习 如 何 模 拟 
一 个 2D 的 河流 效果 。 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 11.4 中 的 效 
果 。 当 单 击 运行 后 ， 可 以 观察 到 河流 不 断 流动 的 效果 。 














A 图 11.4 使 用 顶点 动画 来 模拟 2D 的 河流 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11 3_1。 





在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 
使 用 了 内 置 的 天 空 盒子 。 在 Window -Lighting ~ Skybox 中 去 掉 场 景 中 
的 天 空 盒子 。 由 于 本 节 模 拟 的 是 2D 效 果 ， 因 此 我 们 需要 把 摄像 机 的 投 


影 类 型 设置 为 正 交 投影 。 





(2) 新 建 一 个 材质 。 在 本 书 资 源 中 ， 该 材质 名 为 WaterMat。 由 于 
本 例 需 要 模拟 多 层 水 流 效果 ， 我 们 还 创建 了 WaterMat1 和 WaterMat2 材 
质 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter11-Water。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 多 个 Water 模型 ， 调 整 它们 的 位 置 、 大 小 和 方 
回 ， 然 后 把 第 2 步 中 的 材质 拖 暇 给 它们 。 


打开 新 建 的 Chapter11-Water， 删 除 原 来 的 代码 ， 并 添加 如 下 关键 代 





(1) 首先 ， 我 们 声明 了 一 些 新 的 属性 : 


Properties { 
_MainTex ("Main Tex", 2D) = "white" {} 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_Magnitude ("Distortion Magnitude", Float) = 1 
_Frequency ("Distortion Frequency", Float) = 1 


_InvWaveLength ("Distortion Inverse Wave Length", Float) = 16 
_Speed ("Speed", Float) = 6.5 





其 中 ，_MainTex 是 河流 纹理 ，_Color 用 于 控制 整体 颜色 ， 
_Magnitude 用 于 控制 水 流 波动 的 幅度 ，_Frequency 用 于 控制 流动 频率 ， 
_InvWaveLength 用 于 控制 波长 的 倒数 〈_InvWaveLength 越 大 ， 波 长 越 
小 ) ，_Speed 用 于 控制 河流 纹理 的 移动 速度 。 


(2) 在 本 例 中 ， 我 们 需要 为 透明 效果 设置 合适 的 SubShader 标 签 : 





SubShader { 
// Need to disable batching because of the vertex animation 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Tra 


nsparent" "DisableBatching"="True"} 





在 上 面 的 设置 中 ， 我 们 除了 为 透明 效果 设置 Queue、IgnoreProjector 


和 RenderType 外 ， 还 设置 了 一 个 新 的 标签 一 一 DisableBatching 。 我 们 在 
3.3.3 世 中 介绍 过 该 标签 的 含义 : 一 些 SubShader 在 使 用 Unity 的 批 处 理 功 
能 时 会 出 现 问题 ， 这 时 可 以 通过 该 标签 来 直接 指明 是 否 对 该 SubShader 
使 用 批 处 理 。 而 这 些 需 要 特殊 人 处理 的 Shader 通 常 就 是 指 包 含 了 模型 空间 
的 顶点 动画 的 Shader。 这 是 因为 ， 批 处 理会 合并 所 有 相关 的 模型 ， 而 这 
些 模型 各 自 的 模型 空间 就 会 丢失 。 而 在 本 例 中 ， 我 们 需要 在 物体 的 模型 
HS 因此 ， 在 这 里 需要 取消 对 该 Shader 的 批 处 

理 操作 。 


(3) 接着 ， 我 们 设置 了 Pass 的 演 染 状态 




















Pass { 
Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSrcAlpha 
Cull Off 





这 里 关闭 了 深度 写 入 ， 开 局 并 设置 了 混合 模式 ， 并 关闭 了 剔除 功 
这 是 为 了 让 水 流 的 每 个 面 都 能 显示 。 


(4) 然后 ， 我 们 在 顶点 着 色 堪 中 进行 了 相关 的 顶点 动画 : 


ZI 
CC 


vert(a2v v) { 
v2f o; 


float4 offset; 

offset.yzw = float3(6.06, 686.06, 0.0); 

offset.x = sin(_ Frequency * Time.y + v.vertex.x * InvWaveLength + v. 
vertex.y * _InvWaveLength + v.vertex.z * InvWaveLength) * Magnitude; 

o.pos = mul(UNITY MATRIX MVP, Vv.vertex + offset); 


O.UV = TRANSFORM TEX(v.texcoord, MainTex); 
o.uUv += float2(6.606, Time.y * Speed); 


return o; 








我 们 首先 计算 项 点 位 移 量 。 我 们 只 希望 对 项 点 的 x 方 回 进行 位 移 ， 
因此 yzw 的 位 移 量 被 设置 为 0。 然 后 ， 我 们 利用 _Frequency 属 性 和 内 置 的 
_Time.y 变 量 来 控制 正弦 函数 的 频率 。 为 了 让 不 同位 置 上 共有 不 同 的 位 
移 ， 我 们 对 上 述 结果 加 上 了 模型 空间 下 的 位 置 分量 ， 并 乘 以 
_InvWaveLength 来 控制 波长 。 最 后 ， 我 们 对 结果 值 乘 以 Magnitude 属 性 
来 控制 波动 幅度 ， 得 到 最 终 的 位 移 。 剩 下 的 工作 ， 我 们 只 需要 把 位 移 量 
添加 到 顶点 位 置 上 ， 再 进行 正常 的 顶点 变换 即 可 。 


在 上 面 的 代码 中 ， 我 们 还 进行 了 纹理 动画 ， 即 使 用 _Time.y 和 
_Speed 来 控制 在 水 平方 向 上 的 纹理 动画 。 


(5) 片 元 着 色 右 的 代码 非常 简单 ， 我 们 只 需要 对 纹理 采样 再 添加 
颜色 控制 即 可 : 





fixed4 frag(v2f i) : SV_Target { 
fixed4 c = tex2D( MainTex, i.uv); 
c.rgb *= _Color.rgb; 


return c; 


} 





(6) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 Transparent/VertexLit (也 
可 以 选择 关闭 Fallback) : 


Fallback "Transparent/VertexLit" 


保存 后 返回 场景 ， 把 Assets/Textures/Chapter11/Water.psd 拖 忠 到 材质 
的 Main Tex 属 性 上 ， 并 调整 相关 参数 。 为 了 让 河流 更 加 美观 ， 我 们 可 以 
复制 多 个 材质 并 使 用 不 同 的 参数 ， 再 赋 给 不 同 的 Water 模型 ， 就 可 以 得 
到 类 似 图 11.4 中 的 效果 。 


11.3.2 广告 牌 


为 一 种 常见 的 顶点 动画 就 是 广告 牌 技术 〈Bilboarding) 。 广 告 牌 
技术 会 根据 视角 方向 来 旋转 一 个 被 纹理 着 色 的 多 边 形 (通常 就 是 简单 的 








四 边 形 ， 这 个 多 边 形 就 是 广告 牌 ) ， 使 得 多 边 形 看 起 来 好 像 总 是 面 对 着 
摄像 机 。 广 告 牌 技术 被 用 于 很 多 应 用 ， 比 如 泻 染 烟 筋 、 云 打 、 闪 光 效 果 
等 。 


“ 告 牌 技术 的 本 质 就 是 构建 旋转 矩阵 ， 而 我 们 知道 一 个 变换 矩阵 需 
要 3 个 基 同 量 。 广 告 牌 技术 使 用 的 基 问 量 通 常 束 是 表面 法 线 (normal) 
、 指 同上 的 方 同 (up〉 以 及 指 同 右 的 方 回 〈right) 。 除 此 之 外 ， 我 人 
还 需要 指定 一 个 销 点 (anchor location) ， 这 个 销 点 在 旋转 过 程 中 是 固 
定 不 变 的 ， 以 此 来 确定 多 边 形 在 空间 中 的 位 置 。 


广告 牌 技术 的 难点 在 于 ， 如 何 根据 需求 来 构建 3 个 相互 正 交 的 基 同 
量 。 计 算 过 程 通 疝 是， 我 们 首先 会 通过 初始 计算 得 到 目标 的 表面 法 线 
〈 例 如 就 是 视角 方向 ) 和 指 同上 的 方 同 ， 而 两 者 往往 是 不 垂直 的 。 但 
是 ， 两 者 其 中 之 一 是 固定 的 ， 例 如 当 模 拟 草 从 时 ， 我 们 希望 广告 牌 的 指 
回 上 的 方向 永远 是 (0, 1 0)， 而 法 线 方 回应 该 随 视角 变化 ， 而 当 模 拟 粒 子 
效果 时 ， 我 们 希望 广告 脾 的 法 线 方向 是 固定 的 ， 即 总 是 指 癌 视 角 方 问 ， 
指名 上 的 方向 则 可 以 友 生 变化 。 我 们 假设 法 线 方 铝 是 固定 的 ， 首 先 ， 我 
们 根据 初始 的 表面 法 线 和 指 辐 上 的 方 回来 计算 出 目标 方向 的 指向 右 的 方 
回 〈 通 过 又 积 操作 ) : 





























right=upxnormal 


对 其 归 一 化 后 ， 再 由 法 线 方 加 和 指 癌 右 的 方向 计算 出 正 交 的 指 同上 
的 方 网 即 可 : 


up'=normalxright 


至 此 ， 我 们 就 可 以 得 到 用 于 旋转 的 3 个 正 交 基 了 。 图 11.5 给 出 了 上 
人 





up up 


© © © 


normal normal norma 


right right 








A 图 11.5 ”法 线 固 定 〈 总 是 指向 视角 方向 ) 时 ， 计 算 广 告 牌 技术 中 的 3 个 正 交 基 的 过 程 


下 面 ， 我 们 将 在 Unity 中 实现 上 面 提 到 的 广告 牌 技术 。 在 学 习 完 本 
节 后 ， 我 们 可 以 得 到 类 似 图 11.6 中 的 效果 。 


Vertical Restraints = 1 Vertical Restraints = 0 





A 图 11.6 广告 牌 效果 。 左 图 显示 了 摄像 机 和 5 个 广告 牌 之 间 的 位 置 关 系 ， 摄 像 机 是 从 斜 上 方向 

下 观察 它们 的 。 中 间 的 图 显示 了 当 Vertical Restraints 属性 为 1， 即 固定 法 线 方向 为 观察 视角 时 

所 得 到 的 效果 ， 可 以 看 出 ， 所 有 的 广告 牌 都 完全 面 明 摄像 机 。 右 图 显示 了 当 Vertical Restraints 

属性 为 0， 即 固定 指向 上 的 方向 为 (0, 1 0) 时 所 得 到 的 效果 ， 可 以 看 出 ， 广 告 牌 虽然 最 大 限度 地 
面 朝 摄像 机 ， 但 其 指向 上 的 方向 并 未 发 生 改 变 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 Scene_11_3_2。 
在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 


使 用 了 内 置 的 天 空 盒子 。 在 Window -Lighting -、Skybox 中 去 掉 场 景 中 
内 天 全 全 下 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 BillboardMat。 















































(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter1l11-Billboard。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 多 个 四 边 形 (Quad) ， 调 整 它们 的 位 置 和 大 
小 ， 然 后 把 第 2 步 中 的 材质 拖 忠 给 它们 。 这 些 四 边 形 束 是 用 于 广告 牌 拉 
术 的 广告 牌 。 


打开 新 建 的 Chapter11-Billboard， 删 除 原 有 的 代码 ， 添 加 如 下 关键 








(1) 我 们 首先 声明 了 几 个 新 的 变量 : 


Properties { 
_MainTex ("Main Tex", 2D) = "white" {} 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 


_VerticalBillboarding ("Vertical Restraints", Range(60, 1)) = 1 








其 中 ，_MainTex 是 广告 牌 显 示 的 透明 纹理 ，_Color 用 于 控制 显示 整 
体 凑 页 色 ， _VerticalBillboarding 则 用 于 调整 是 固定 法 线 还 是 固定 指向 上 的 
方 各 ， 即 约束 竺 直方 癌 的 程度 。 


(2) 在 本 例 中 ， 我 们 需要 为 透明 效果 设置 合适 的 SubShader 标 签 


Subshader { 
// Need to disable batching because of the vertex animation 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Tra 


nsparent" "DisableBatching"="True"} 





在 上 面 的 设置 中 ， 我 们 除了 为 透明 效果 设置 Queue、IgnoreProjector 

和 RenderType 外 ， 还 设置 了 一 个 新 的 标签 一 一 DisableBatching 。 我 们 在 
3.3.3 王 中 介绍 过 该 标签 的 侣 义 : 一 些 SubShader 在 使 用 Unity 的 批 处 理 功 
能 时 会 出 现 问题 ， 这 时 可 以 通过 该 标签 来 直接 指明 是 否 对 该 SubShader 
使 用 批 处 理 。 而 这 些 需 要 特殊 人 处理 的 Shader 通 常 就 是 指 包 含 了 模型 空间 
的 顶点 动画 的 Shader。 这 是 因为 ， 批 处 理会 合并 所 有 相关 的 模型 ， 而 这 
些 模型 各 目的 模型 空间 就 会 被 丢失 。 而 在 广告 牌 技 术 中 ， 我 们 需要 使 用 











物体 的 模型 空间 下 的 位 置 来 作为 销 点 进行 计算 。 因 此 。 在 这 里 需要 取消 
对 该 Shader 的 批 处 理 操 作 。 


(3) 接着 ， 我 们 设置 了 Pass 的 泻 染 状态 : 


Pass { 
Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSrcAlpha 
Cull Off 





这 里 关闭 了 深度 写 入 ， 开 局 并 设置 了 混合 模式 ， 并 关闭 了 剔除 功 
能 。 这 是 为 了 让 广告 牌 的 每 个 面 都 能 显示 。 


(4) 顶点 着 色 器 是 我 们 的 核心 ， 所 有 的 计算 都 是 在 模型 空间 下 进 
行 的 。 我 们 首先 选择 模型 空间 的 原点 作为 广告 牌 的 锚 点 ， 并 利用 内 置 变 
量 获取 模型 空间 下 的 视角 位 置 : 


// Suppose the center in object space is fixed 
float3 center = float3(6, 6, 0); 
float3 viewer = mul( World20bject,float4( WorldSpaceCamerapos, 1)); 





然后 ， 我 们 开始 计算 3 个 正 交 矢 量 。 首 先 ， 我 们 根据 观察 位 置 和 锚 
点 计算 目标 法 线 方向 ， 并 根据 _VerticalBillboarding 属 性 来 控制 垂直 方向 
上 的 约束 度 。 


float3 normalDir = viewer - center; 

// If VerticalBillboarding equals 1, we use the desired view dir as the n 
ormal dir 

// Which means the normal dir is fixed 

// Or if VerticalBillboarding equals 6，the y of normal is 6 


// Which means the up dir is fixed 
normalDir.y =normalDir.y * VerticalBillboarding; 
normalDir = normalize(normalDir); 





当 _VerticalBillboarding 为 1 时 ， 意 味 着 法 线 方 同 固定 为 视角 方 问 ; 
当 _VerticalBillboarding 为 0 时 ， 意 味 着 同上 方向 固定 为 (0, 1, 0)。 最 后 ， 
我 们 需要 对 计算 得 到 的 法 线 方 回 进 行 归 一 化 操作 来 得 到 单位 矢量 。 


接 痢 ， 我 们 得 到 了 粗略 的 同上 方向 。 为 了 防止 法 线 方 同和 网 上方 同 
平行 《如 果 平行 ， 那 么 又 积 得 到 的 结果 将 是 错误 的 ) ， 我 们 对 法 线 方向 
的 y 分 量 进行 判断 ， 以 得 到 合适 的 同上 方 同 。 然 后 ， 根 据 法 线 方 向 和 狂 
略 的 向 上 方向 得 到 向 右 方向 ， 并 对 结果 进行 归 一 化 。 但 由 于 此 时 向 上 的 
四 的 ， 我 们 又 根据 准确 的 法 线 方 同 和 同 右 方 同 得 到 最 后 的 
可 上 方 同 : 














// Get the approximate up dir 

// If normal dir is already towards up, then the up dir is towards front 
float3 upDir = abs(normalDir.y) > 6.999 ? float3(6, 606, 1) : float3(6, 1, 0 
); 


float3 rightDir = normalize(cross(upDir, normalDir)); 
upDir = normalize(cross(normalDir, rightDir)); 





这 样 ， 我 们 得 到 了 所 需 的 3 个 正 交 基 和 天 量 。 我 们 根据 原始 的 位 置 相 
对 于 销 反 的 偏 移 量 以 及 3 个 正 交 基 矢 量 ， 以 计算 得 到 新 的 顶点 位 置 : 


float3 centeroffs = Vv.vertex.xyz - center; 
float3 localPos = center + rightDir * centerOffs.x + UpDir * centerOffs.y 


+ normalDir * centerOffs.z; 





最 后 ， 把 模型 空间 的 项 点 位 置 变 换 到 裁 甬 空间 中 : 


o.pos = mul(UNITY MATRIX MVP, float4(localPos, 1)); 


(5) 片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 对 纹理 进行 采样 ， 
再 与 闫 色 值 相 乘 即 可 : 





fixed4 frag (v2f i) : SV_ Target { 
fixed4 c = tex2D ( MainTex, i.uv); 
c.rgb *= Color.rgb; 


return c; 


(6) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 Transparent/VertexLit (也 
可 以 选择 关闭 Fallback) : 


Fallback "Transparent/VertexLit" 


需要 说 明 的 是 ， 在 上 面 的 例子 中 ， 我 们 使 用 的 是 Unity 自 带 的 四 边 
形 (Quad) 来 作为 广告 牌 ， 而 不 能 使 用 上 自 带 的 平面 (Plane) 。 这 是 因 
为 ， 我 们 的 代码 是 建立 在 一 个 紧 直 摆 放 的 多 边 形 的 基础 上 的 ， 也 就 是 
说 ， 这 个 多 边 形 的 顶点 结构 需要 满足 在 模型 空间 下 是 紧 直 排列 的 。 只 有 
这 样 ， 我 们 才能 使 用 v.vertex 来 计算 得 到 正确 的 相对 于 中 心 的 位 置 偏 移 


里 


保存 后 返回 场景 ， 把 本 书 资源 中 的 
Assets/Textures/Chapter11/star.png 拖 电 到 材质 的 Main Tex 中 ， 即 可 得 到 
类 似 图 11.6 中 的 效果 。 

11.3.3 ”注意 事项 


顶点 动画 虽然 非常 灵活 有 效 ， 但 有 一 些 注 意 事项 需要 在 此 提醒 读 





首先 ， 如 11.3.2 节 看 到 的 那样 ， 如 采 我 们 在 模型 空间 下 进行 了 一 些 
顶点 动画 ， 那 么 批 处 理 往 往 束 会 破坏 这 种 动画 效果 。 这 时 ， 我 们 可 以 通 
过 SubShader 的 DisableBatching 标 签 来 强制 取消 对 该 Unity Shader 的 批 处 
理 。 然 而 ， 取 消 批 处 理会 带 来 一 定 的 性 能 下 降 ， 增 加 了 Draw Call， 因 此 
我 们 应 该 尽量 避免 使 用 模型 空间 下 的 一 些 绝对 位 置 和 方向 来 进行 计算 。 
在 广告 牌 的 例子 中 ， 为 了 避免 显 式 使 用 模型 空间 的 中 心 来 作为 锚 点 ， 我 
们 可 以 利用 顶点 颜色 来 存储 每 个 顶点 到 锚 点 的 距离 值 ， 这 种 做 法 在 商业 
游戏 中 很 常见 。 


其 次 ， 如 果 我 们 想 要 对 包含 了 顶点 动画 的 物体 添加 阴影 ， 那 么 如 果 


仍然 像 9.4 节 中 那样 使 用 内 置 的 Diffuse 等 包含 的 阴影 Pass 来 泻 染 ， 就 得 不 
到 正确 的 阴影 效果 (这 里 指 的 是 无 法 回 其 他 物体 正确 地 投射 阴影 〉”》。 这 
是 因为 ， 我 们 讲 过 Unity 的 阴影 绘制 需要 调用 一 个 ShadowCaster Pass， 而 
如 果 直 接 使 用 这 些 内 置 的 ShadowCaster Pass， 这 个 Pass 中 并 没有 进行 相 
关 的 顶点 动画 ， 因 此 Unity 会 仍然 按照 原来 的 顶点 位 置 来 计算 阴影 ， 这 
并 不 是 我 们 希望 看 到 的 。 这 时 ， 我 们 就 需要 提供 一 个 自 定 义 的 
ShadowCaster Pass， 在 这 个 Pass 中 ， 我 们 将 进行 同样 的 顶点 变换 过 程 。 
需要 注意 的 是 ， 在 前 面 的 实现 中 ， 如 果 涉 及 半 透 明 物体 我 们 都 把 
Fallback 设 置 成 了 Transparent/VertexLit， 而 Transparent/VertexLit 没 有 定 
义 ShadowCaster Pass， 因 此 也 就 不 会 产生 阴影 〈 详 见 9.4.5 节 ) 。 


在 本 书 资 源 的 Scene_11.3 3 场景 中 ， 我 们 给 出 了 计算 顶点 动画 的 阴 
影 的 一 个 例子 。 在 这 个 例子 中 ， 我 们 使 用 了 11.3.1 节 中 的 大 部 分 代码 ， 
模拟 一 个 波动 的 水 流 。 同 时 ， 我 们 开启 了 场景 中 平行 光 的 阴影 效果 ， 并 
添加 了 一 个 平面 来 接收 来 自 “ 水 流 ” 的 阴影 。 我 们 还 把 这 个 Unity Shader 的 
Fallback 设 置 为 了 内 置 的 VertexLit， 这 样 Unity 将 根据 Fallback 最 终 找到 
VertexLit 中 的 ShadowCaster Pass 来 泻 染 阴影 。 图 11.7 给 出 了 这 样 的 结 




















A 图 11.7 ” 当 进 行 顶 点 动画 时 ， 如 果 仍 然 使 用 内 置 的 ShadowCaster Pass 来 演 染 阴影 ， 可 能 会 得 到 
错误 的 阴影 效果 


可 以 看 出 ， 此 时 虽然 Water 模 型 发 生 了 形变 ， 但 它 的 阴影 并 没有 产 
生 相 应 的 动画 效果 。 为 了 正确 绘制 变形 对 象 的 阴影 ， 我 们 就 需要 提供 自 
定义 的 ShadowCaster Pass。 读 者 可 以 在 本 书 资源 的 Chapter11- 
VertexAnimationWithShadow 中 找到 对 应 的 Unity Shader。 使 用 该 Shader 
得 到 的 阴影 效果 如 图 11.8 所 示 。 


Maximize on Play | Mute audio | Stats Cizmos ” 








A 图 11.8 ”使 用 自 定义 的 ShadowCaster Pass 为 变形 物体 绘制 正确 的 阴影 
在 这 个 Shader 中 ， 我 们 提供 了 一 个 ShadowCaster Pass， 相 关 代码 如 





下 





// Pass to render object as a shadow caster 


Pass { 
Tags { "LightMode" = "ShadowCaster" } 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi compile shadowcaster 
#include "UnityCG.cginc" 

float Magnitude; 

float Frequency; 


float _InvWaveLength ; 
float _Speed; 


struct a2v { 
float4 vertex : POSITION; 
float4 texcoord : TEXCOORD®; 


}; 


struct v2f { 
V2F_SHADOW CASTER,; 


}; 


v2f vert(a2v i) { 
v2f o; 


float4 offset; 

offset.yzw = float3(6.06, 686.06, 0.06); 

offset.x = sin(_ Frequency * Time.y + Vv.vertex.x * InvWaveLength 
+ V.vertex.y 

* _InvWaveLength + v.vertex.z * InvWaveLength) * Magnitude; 

VvV.vertex = v.vertex + offset; 


TRANSFER_SHADOW_CASTER_NORMALOFFSET(o) 


return o; 


} 


fixed4 frag(v2f i) : SV_Target { 
SHADOW CASTER FRAGMENT(i) 


ENDCG 





明 影 投 财 的 重点 在 于 我 们 需要 按 正 常 Pass 的 处 理 来 吻 除 片 元 或 进行 
顶 皮 动画， 以便 阴 影 可 以 和 物体 正常 泻 染 的 结果 相 匹 配 。 在 自 定义 的 阴 
影 投 出 的 Pass 中 ， 我 们 通 芝 会 使 用 Unity 提 供 的 内 置 安 
V2F_SHADOW_CASTER、 
TRANSFER_SHADOW_CASTER_NORMALOFFSET (旧版 本 中 会 使 用 
TRANSFER_SHADOW_CASTER) 和 SHADOW_CASTER_FRAGMENT 











来 计算 阴影 投射 时 需要 的 各 种 变量 ， 而 我 们 可 以 只 关注 自 定 义 计算 的 部 
分 。 在 上 面 的 代码 中 ， 我 们 首先 在 v2f 结 构 体 中 利用 
V2F_SHADOW_CASTER 来 定义 阴影 投射 需要 定义 的 变量 。 随 后 ， 在 顶 








点 着 色 嚣 中， 我们 首先 按 之 前 对 顶点 的 处 理 方 法 计算 顶点 的 偏 移 量 ， 不 
同 的 是 ， 我 们 直接 把 偏 移 值 加 到 顶点 位 置 变 量 中 ， 再 使 用 
TRANSFER_SHADOW_CASTER_NORMALOFFSET 来 让 Unity 为 我 们 完 
成 剩 下 的 事情 。 在 片 元 着 色 器 中 ， 我 们 直接 使 用 
SHADOW_CASTER_FRAGMENT 来 让 Unity 自 动 完成 阴影 投射 的 部 分 ， 
把 结果 输出 到 深度 图 和 阴影 映射 纹理 中 。 


通过 Unity 提 供 的 这 3 个 内 置 宏 〈 在 UnityCG.cginc 文 件 中 被 定义 ) ， 
我 们 可 以 方便 地 自 定 义 需 要 的 阴影 投射 的 Pass， 但 由 于 这 些 宏 里 需要 使 
用 一 些 特定 的 输入 变量 ， 因 此 我 们 需要 保证 为 它们 提供 了 这 些 变量 。 例 
如 ，TRANSFER_SHADOW_CASTER_NORMALOFFSET 会 使 用 名 称 v 
作为 输入 结构 体 ，v 中 需要 包含 顶点 位 置 v.vertex 和 顶点 法 线 v.normal 的 
信息 ， 我 们 可 以 直接 使 用 内 置 的 appdata_base 结 构 体 ， 它 包含 了 这 些 必 
需 的 顶点 变量 。 如 果 我 们 需要 进行 顶点 动画 ， 可 以 在 顶点 着 色 器 中 直接 
修改 vvertex， 再 传递 给 
TRANSFER_SHADOW_CASTER_NORMALOFFSET 即 可 。 在 15.1 节 
中 ， 我 们 还 会 看 到 如 何在 阴影 投射 的 Pass 中 剔除 片 元 ， 以 实现 自 定义 的 
透明 度 测 试 效 果 。 











ara Ar 下 AAA 
第 4 扁 “” 高 级 坑 

高 级 篇 涵盖 了 一 些 Shader 的 高 级 用 法 ， 例 如 ， 如 何 实现 屏幕 特效 、 
利用 法 线 和 深度 缓冲 ， 以 及 非 真 实感 泻 染 等 ， 同 时 ， 我 们 还 会 介绍 一 些 
针对 移动 平台 的 优化 技巧 。 

第 12 章 屏幕 后 处 理 效果 


这 一 草 将 介绍 如 何在 Unity 中 实现 一 个 基本 的 屏幕 后 处 理 脚 本 系 
统 ， 并 给 出 一 些 基 本 的 屏幕 特效 的 实现 原理 ， 如 高 斯 模糊 、 边 缘 检 训 











第 13 章 使 用 深度 和 法 线 纹理 
本 章 将 介绍 如 何在 Unity 中 获取 这 些 特殊 的 纹理 来 实现 屏幕 特效 。 
第 14 章 非 真 实感 演 染 


这 一 章 将 会 给 出 弟 见 的 非 真实 感 渔 染 的 算法 ， 如 卡通 泻 染 、 素 描 风 
格 的 泻 染 等 。 


第 15 章 使 用 噪声 


很 多 时 候 噪声 是 我 们 实现 特效 的 “救星 ">。 本 间 给 出 了 品 声 在 游戏 泻 
染 中 的 一 些 应 用 。 


第 16 半 Unity 中 的 演 染 优化 技术 


优化 往往 是 游戏 泻 染 中 的 重点 。 这 一 章 介 绍 了 Unity 中 针对 移动 平 
台 和 常见 的 优化 技巧 。 

















第 12 章 ” 拼 攻 后 处 理 效 末 


屏幕 后 处 理 效 果 (screen post-processing effects) 是 游戏 中 实现 屏 
幕 特效 的 常见 方法 。 在 本 章 中 ， 我 们 将 学 习 如 何在 Unity 中 利用 泻 染 纹 
理 来 实现 各 种 第 见 的 屏幕 后 处 理 效 果 。 在 12.1 节 中 ， 我 们 首先 会 解释 在 
Unity 中 实现 屏幕 后 处 理 效 果 的 原理 ， 并 建立 一 个 基本 的 屏幕 后 处 理 脚 
本 系统 。 随 后 在 12.2 市 中 ， 我 们 会 使 用 这 个 系统 实现 一 个 简单 的 调整 画 
面 亮度 、 饱 和 度 和 对 比 度 的 屏幕 特效 。 在 12.3 节 中 ， 我 们 会 接触 到 图 像 
滤波 的 概念 ， 并 利用 Sobel 算 子 在 屏幕 空间 中 对 图 像 进行 边缘 检测 ， 实 
现 摘 边 效果 。 在 此 基础 上 ，12.4 节 将 会 介绍 如 何 实 现 一 个 高 斯 模糊 的 屏 
在 12.5 和 12.6 节 中 ， 我 们 会 分 别 介绍 如 何 实现 Bloom 和 运动 模 
糊 效 果 。 

















12.1 建立 一 个 基本 的 屏幕 后 处 理 脚本 系统 


屏幕 后 处 理 ， 顾 名 思 义 ， 通 党 指 的 是 在 泻 染 完整 个 场景 得 到 屏幕 图 
像 后 ， 再 对 这 个 图 像 进行 一 系列 操作 ， 实 现 各 种 屏幕 特效 。 使 用 这 种 技 
术 ， 可 以 为 游戏 画面 添加 更 多 的 艺术 效果 ， 例 如 景深 (Depth of 
Field) 、 运 动 模糊 (Motion Blur) 等 。 


因此 ， 想 要 实现 屏幕 后 处 理 的 基础 在 于 得 到 演 染 后 的 屏幕 图 像 ， 即 
抓 取 屏幕 ， 而 Unity 为 我 们 提供 了 这 样 一 个 方便 的 接口 
一 一 OnRenderImage 函数 。 它 的 函数 声明 如 下 : 


MonoBehaviour.OnRenderImage (RenderTexture src, RenderTexture dest) 


当 我 们 在 脚本 中 声明 此 函数 后 ，Unity 会 把 当前 泻 染 得 到 的 图 像 存 
储 在 第 一 个 参数 对 应 的 源 泻 染 纹理 中 ， 通 过 函数 中 的 一 系列 操作 后 ， 再 
把 目标 泻 染 纹理 ， 即 第 二 个 参数 对 应 的 泻 染 纹 理 显 示 到 屏幕 上 。 在 
OnRenderImage 疯 数 中 ， 我 们 通常 是 利用 Graphics.Blit 函数 来 完成 对 演 
染 纹理 的 处 理 。 它 有 3 种 函数 声明 : 

















public static void Blit(Texture src, RenderTexture dest); 
public static void Blit(Texture src, RenderTexture dest, Material mat, int 
pass = -1); 


public static void Blit(Texture src, Material mat, int pass = -1); 





其 中 ， 参 数 src 对 应 了 源 纹理 ， 在 屏幕 后 处 理 技 术 中 ， 这 个 参数 通 各 
了 驶 是 当前 屏幕 的 演 染 纹理 或 是 上 一 步 处 理 后 得 到 的 演 染 纹理 。 参 数 dest 
是 目标 演 染 纹理 ， 如 果 它 的 值 为 null 就 会 直接 将 结果 显示 在 屏幕 上 。 参 
数 mat 是 我 们 使 用 的 材质 ， 这 个 材质 使 用 的 Unity Shader 将 会 进行 各 种 屏 
幕后 处 理 操 作 ， 而 src 纹 理 将 会 被 传递 给 Shader 中 名 为 _MainTex 的 纹理 属 
性 。 参 数 pass 的 默认 值 为 -1， 表 示 将 会 依次 调用 Shader 内 的 所 有 Pass。 合 
则 ， 只 会 调用 给 定 索 引 的 Pass。 


在 默认 情况 下 ，OnRenderImage 函 数 会 在 所 有 的 不 透明 和 透明 的 





Pass 执 行 完毕 后 被 调用 ， 以 便 对 场景 中 所 有 游戏 对 象 都 产生 影响 。 但 有 
时 ， 我 们 希望 在 不 透明 的 Pass《〈 即 演 染 队列 小 于 等 于 2500 的 Pass， 内 置 
的 Background、Geometry 和 AlphaTest 泻 染 队 列 均 在 此 范围 内 ) 执行 完毕 
后 立即 调用 OnRenderImage 函 数 ， 从 而 不 对 透明 物体 产生 任何 影响 。 此 
时 ， 我 们 可 以 在 OnRenderImage 本 数 前 添加 ImageEffectOpaque 属 性 来 实 
现 这 样 的 目的 。13.4 市 展示 了 这 样 一 个 例子 ， 在 13.4 市 中 ， 我 们 会 利用 
深度 和 法 线 纹理 进行 边缘 检测 从 而 实现 描 边 的 效果 ， 但 我 们 不 希望 透明 
物体 也 被 描 边 。 


因此 ， 要 在 Unity 中 实现 屏幕 后 处 理 效果 ， 过 程 通常 如 下 : 我 们 首 
先 需 要 在 摄像 中 添加 一 个 用 于 屏幕 后 处 理 的 脚本 。 在 这 个 脚本 中 ， 我 们 
会 实现 OnRenderImage 函 数 来 获取 当前 屏幕 的 演 染 纹理 。 然 后 ， 再 调用 
Graphics.Blit 函 数 使 用 特定 的 Unity Shader 来 对 当前 图 像 进行 处 理 ， 再 把 
返回 的 泻 染 纹理 显示 到 屏幕 上 。 对 于 一 些 复杂 的 屏幕 特效 ， 我 们 可 能 需 
要 多 次 调用 Graphics.Blit 函 数 来 对 上 一 步 的 输出 结果 进行 下 一 步 处 理 。 


但 是 ， 在 进行 屏幕 后 处 理 之 前 ， 我 们 需要 检 碍 一 系列 条 件 是 否 满 
足 ， 例 如 当前 平台 是 否 支持 泻 染 纹理 和 屏幕 特效 ， 是 否 支持 当前 使 用 的 
Unity Shader 等 。 为 此 ， 我 们 创建 了 一 个 用 于 屏幕 后 处 理 效果 的 基 类 ， 
在 实现 各 种 屏 秦 特效 时 ， 我 们 只 需要 继承 自 该 基 类 ， 再 实现 派生 类 中 不 
同 的 操作 即 可 。 读 者 可 在 本 书 资源 的 
Assets/Scripts/Chapter12/PostEffectsBase.cs 中 找到 该 脚本 。 














PostEffectsBase.cs 的 主要 代码 如 下 。 


(1) 首先 ， 所 有 屏幕 后 处 理 效 果 痢 需要 绑 定 在 作 个 摄像 机 上 ， 并 
且 我 们 希望 在 编辑 右 状 态 下 也 可 以 执行 该 脚本 来 查看 效果 : 





[ExecuteInEditMode] 
[RequireComponent (typeof(Camera))] 


public class PostEffectsBase : MonoBehaviour { 








(2) 为 了 提前 检查 各 种 资源 和 条 件 是 否 满足 ， 我 们 在 Start 函 数 中 
调用 CheckResources 函 数 ; 


// Called when start 
protected void CheckResources() { 


bool isSupported = CheckSsupport() 


if (isSupported == false) { 
NotSupported() 
} 
} 


// Called in CheckResources to check support on this platform 
protected bool CheckSupport() { 
if (SystemInfo.supportsImageEffects == false || SystemInfo.supportsRen 
derTextures == false) { 
Debug.LogWarning("This platform does not support image effects or 
render textures."); 
return false; 


} 


return true; 


} 


// Called when the platform doesn't support this effect 
protected void NotSupported() { 
enabled = false; 


} 


protected void Start() { 
CheckResources(); 


} 





一 些 屏幕 特效 可 能 需要 更 多 的 设置 ， 例 如 设置 一 些 默 认 值 等 ， 可 以 
重 载 Start、CheckResources 或 CheckSupport 函 数 。 


(3) 由 于 每 个 屏幕 后 处 理 效果 通常 都 需要 指定 一 个 Shader 来 创建 
一 个 用 于 处 理 泻 染 纹理 的 材质 ， 因 此 基 类 中 也 提供 了 这 样 的 方法 : 





// Called when need to create the material used by this effect 
protected Material CheckShaderAndCreateMaterial(Shader shader, Material ma 
terial) { 
if (shader == null) { 
return null; 


} 


if (shader.isSupported && material && material.shader == shader) 
return material; 


if (!shader.isSupported) { 
return null; 


} 
else { 
material = new Material(shader); 
material.hideFlags = HideFlags .DontSave; 
if (material) 
return material; 
else 
return null; 
} 





CheckShaderAndCreateMaterial 函 数 接受 两 个 参数 ， 第 一 个 参数 指定 
了 该 特效 需要 使 用 的 Shader， 第 二 个 参数 则 是 用 于 后 期 处 理 的 材质 。 该 
函数 首先 检查 Shader 的 可 用 性 ， 检 查 通 过 后 就 返回 一 个 使 用 了 该 Shader 





的 材质 ， 否 则 返回 null。 


在 12.2 节 中 ， 我 们 就 会 看 到 如 何 继承 PostEffectsBase.cs 来 创建 一 个 
简单 的 用 于 调整 屏幕 的 亮度 、 饱 和 度 和 对 比 度 的 特效 脚本 。 





12.2 ”调整 屏 磊 的 亮度 、 饱 和 上 度 和 对 比 虐 


在 12.1 节 中 ， 我 们 了 解 了 实现 屏幕 后 处 理 特效 的 技术 原理 。 在 本 节 
中 ， 我 们 就 小 试 牛 刃 来 实现 一 个 非常 简单 的 屏幕 特效 一 一 调整 屏幕 的 亮 
度 、 饱 和 度 和 对 比 度 。 在 本 节 结 束 后 ， 我 们 将 得 到 类 似 图 12.1 中 的 效 














A 图 12.1 左 图 : 原 效果 。 右 图 : 调整 了 亮度 〈 值 为 1.2) 、 饱 和 度 〈 值 为 1.6) 和 对 比 度 《〈 值 为 
1.2) 后 的 效果 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_ 2。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 A 在 Window ~” Lighting ~ Skybox 中 去 掉 场 景 中 的 


天 空 全 











(2) 把 本 书 资源 中 的 Assets/Textures/Chapter12/Sakura0.jpg 拖 上 忠 到 
场景 中 ， 并 调整 其 的 位 置 使 它 可 以 填充 整个 场景 。 注 意 ，Sakura0.jpg 的 
纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 上 忠 到 场景 中 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 
BrightnessSaturationAndContrast.cs。 把 该 脚本 拖 电 到 摄像 机 上 。 





(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter12-BrightnessSaturationAndContrast。 


我 们 首先 来 编写 BrightnessSaturationAndContrast.cs 脚 本 。 打 开 该 脚 
本 ， 并 进行 如 下 修改 。 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class BrightnessSaturationAndContrast : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader brisatConSshader; 
private Material briSatConMaterial; 
public Material material { 
get { 
briSatConMaterial = CheckShaderAndCreateMaterial(briSatConShader, 


briSatConMaterial); 
return briSsatConMaterial; 


} 





在 上 述 代 码 中 ，briSatConShader 是 我 们 指定 的 Shader， 对 应 了 后 面 
将 会 实现 的 Chapter12- BrightnessSaturationAndContrast。 
briSatConMaterial 是 创建 的 材质 ， 我 们 提供 了 名 为 material 的 材质 来 访问 
它 ，material 的 get 函 数 调 用 了 基 类 的 CheckShaderAndCreateMaterial 函 数 
来 得 到 对 应 的 材质 。 


(3) 我 们 还 在 脚本 中 提供 了 调整 完 度 、 饱 和 度 和 对 比 度 的 参数 : 





[Range(6.6f，3.6f)] 
public float brightness 


[Range(6.6f，3.6f)] 
public float saturation 


[Range(6.6f，3.6f)] 
public float contrast = 





我 们 利用 Unity 提 供 的 Range 属 性 为 每 个 参数 提供 了 合适 的 变化 区 


间 。 


(4) 最 后 ， 我 们 定义 OnRenderImage 函 数 来 进行 真正 的 特效 处 理 : 


void OnRenderImage(RenderTexture src, RenderTexture dest) { 
if (material != null) { 
material.SetFloat(" Brightness", brightness); 
material.SetFloat(" Saturation", saturation); 
material.SetFloat(" Contrast", contrast); 


Graphics.Blit(src, dest, material); 
} else { 

Graphics.Blit(src, dest); 
} 





每 当 OnRenderImage 函 数 被 调 用 时 ， 它 会 检查 材质 是 否 可 用 。 如 果 
可 用 ， 就 把 参数 传递 给 材质 ， 再 调用 Graphics.Blit 进 行 处 理 ; 否则 ， 直 
接 把 原 几 像 显 示 到 屏幕 上 ， 不 做 任何 处 理 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12- 
BrightnessSaturationAndContrast， 进 行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 





Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_Brightness ("Brightness", Float) = 1 
_Saturation("Saturation", Float) = 1 


Contrast("Contrast", Float) = 1 





在 12.1 节 中 ， 我 们 提 到 Graphics.Blit(src, dest, material) 将 把 第 一 个 参 
数 传递 给 Shader 中 名 为 _-MainTex 的 属性 。 因 此 ， 我 们 必须 声明 一 个 名 为 
_MainTex 的 纹理 属性 。 除 此 之 外 ， 我 们 还 声明 了 用 于 调整 亮度 、 饱 和 度 
和 对 比 度 的 属性 。 这 些 值 将 会 由 脚本 传递 而 得 。 事 实 上 ， 我 们 可 以 省 略 
Properties 中 的 属性 声明 ，Properties 中 声明 的 属性 仅仅 是 为 了 显示 在 材质 





面板 中 ， 但 对 于 屏幕 特效 来 说 ， 它 们 使 用 的 材质 都 是 临时 创建 的 ， 我 们 
也 不 需要 在 材质 面板 上 调整 参数 ， 而 是 直接 从 脚本 传递 给 Unity 
Shader。 


(2) 定义 用 于 屏幕 后 处 理 的 Pass: 


SubShader { 
Pass { 


ZTest Always Cull Off ZWrite Off 











屏幕 后 处 理 实际 上 是 在 场景 中 绘制 了 一 个 与 屏幕 同 客 同 局 的 四 边 形 
面 片 ， 为 了 防止 它 对 其 他 物体 产生 影响 ， 我 们 需要 设置 相关 的 渔 染 状 
态 。 在 这 里 ， 我 们 关闭 了 深度 写 入 ， 是 为 了 防止 它 “ 挡 住 ” 在 其 后 面 被 泻 
染 的 物体 。 例 如 ， 如 果 当 前 的 OnRenderImage 函 数 在 所 有 不 透明 的 Pass 
执行 完毕 后 立即 被 调用 ， 不 关闭 深度 写 入 就 会 影响 后 面 透明 的 Pass 的 泻 
染 。 这 些 状态 设置 可 以 认为 是 用 于 屏幕 后 处 理 的 Shader 的 “ 标 配 ?。 


(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代 码 块 中 声明 对 
应 的 变量 : 





sampler2D MainTex; 
half _Brightness; 
half _Saturation; 


half _Contrast; 





(4) 定义 顶 皮 着 色 器 。 屏 幕 特效 使 用 的 顶点 着 色 器 代码 通常 都 比 
较 简 单 ， 我 们 只 需要 进行 必需 的 顶点 变换 ， 更 重要 的 是 ， 我 们 需要 把 正 
确 的 纹理 坐标 传递 给 片 元 着 色 器 ， 以 便 对 屏幕 图 像 进行 正确 的 采样 : 











struct v2f { 
float4 pos : SV_POSITION; 
half2 uv: TEXCOORD6 ; 

}; 


v2f vert(appdata img v) { 
v2f 0o; 


o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV = V.texcoord ; 


return o; 





在 上 面 的 顶点 着 色 器 中 ， 我 们 使 用 了 Unity 内 置 的 appdata_img 结 构 
体 作 为 项 点 着 色 器 的 输入 ， 读 者 可 以 在 UnityCG.cginc 中 找到 该 结构 体 的 
声明 ， 它 只 包含 了 图 像 处 理 时 必需 的 顶点 坐标 和 纹理 坐标 等 变量 。 


(5) 接着 ， 我 们 实现 了 用 于 调整 腕 度 、 饱 和 度 和 对 比 度 的 片 元 大 
全 : 








fixed4 frag(v2f i) : SV_ Target { 
fixed4 renderTex = tex2D( MainTex, i.uv); 


// Apply brightness 
fixed3 finalColor = renderTex.rgb * Brightness; 


// Apply saturation 

fixed luminance = 6.2125 * renderTex.r + 0.7154 * renderTex.g + 6.6721 
* renderTex.b; 

fixed3 luminanceColor = fixed3(luminance, luminance, luminance); 


finalColor = lerp(luminanceColor, finalColor, _Saturation); 


// Apply contrast 
fixed3 avgColor = fixed3(8.5, 60.5, 0.5); 
finalColor = lerp(avgColor, finalColor, _Contrast); 


return fixed4(finalColor, renderTex.a); 





首先 ， 我 们 得 到 对 原 屏 幕 图 像 〈 存 储 在 _MainTex 中 ) 的 采样 结果 
renderTex。 然 后 ， 利 用 _Brightness 属 性 来 调整 亮度 。 亮 度 的 调整 非 稼 简 
单 ， 我 们 只 需要 把 原 颜 色 乘 以 亮度 系数 _Brightness 即 可 。 然 后 ， 我 们 计 
算 该 像素 对 应 的 亮度 值 (luminance) ， 这 是 通过 对 每 个 颜色 分 量 乘 以 一 
个 特定 的 系数 再 相 加 得 到 的 。 我 们 使 用 该 亮度 值 创 建 了 一 个 饱和 度 为 0 
的 颜色 值 ， 并 使 用 _Saturation 属 性 在 其 和 上 一 步 得 到 的 颜色 之 间 进 行 插 











值 ， 从 而 得 到 希望 的 饱和 度 颜 色 。 对 比 度 的 处 理 类 似 ， 我 们 首先 创建 一 
个 对 比 度 为 0 的 闫 色 值 〈 各 分 量 均 为 0.5) ， 再 使 用 _Contrast 属 性 在 其 和 
上 一 步 得 到 的 颜色 之 间 进 行 插值 ， 从 而 得 到 最 终 的 处 理 结果 。 


(6) 最后， 我 们 关闭 该 Unity Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-BrightnessSaturationAndContrast 
拖 上 忠 到 摄像 机 的 Brightness SaturationAndContrast.cs 脚 本 中 的 
briSatConShader 人 参数 中 。 调 整 各 个 参数 后 ， 我 们 就 可 以 得 到 类 似 图 12.1 
中 的 效果 。 





@ Inspector | FE 
人 BrightnessSaturationAndContrast Im 次 ， 
人 # 3 二 Ss 


| Open... | | Execution Order... | 


Bri Sat Con Shader 5 Unity Shaders Book/Cl © 








A 图 12.2 ”为 脚本 设置 Shader 的 默认 值 


在 上 面 的 实现 中 ， 我 们 需要 手动 把 Shader 拖 忠 到 脚本 的 参数 上 。 为 
了 在 以 后 的 使 用 中 ， 当 把 脚本 拖 忠 到 摄像 机 上 时 直接 使 用 对 应 的 
Shader， 我 们 可 以 在 脚本 的 面板 中 设置 Shader 参 数 的 默认 值 ， 如 图 12.2 
所 示 。 





12.3 边缘 检测 


在 12.2 节 中 ， 我 们 已 经 学 习 了 如 何 实现 一 个 简单 的 屏幕 后 处 理 效 
果 。 在 本 节 中 ， 我 们 会 学 习 一 个 常见 的 屏幕 后 处 理 效果 一 一 边缘 检测 。 
边缘 检测 是 描 边 效果 的 一 种 实现 方法 ， 在 本 节 结 束 后 ， 我 们 可 以 得 到 类 
似 图 12.3 中 的 效果 。 








全 图 12.3 左 图 : 12.2 节 得 到 的 结果 ， 右 图 : 进行 边缘 检测 后 的 效果 





边缘 检测 的 原理 是 利用 一 些 边 缘 检 测算 子 对 图 像 进行 卷 积 
Cconvolution ) 操作 ， 我 们 首先 来 了 解 什 么 是 卷 积 。 


12.3.1 什么 是 卷 积 


在 图 像 处 理 中 ， 卷 积 操作 指 的 融 是 使 用 一 个 卷 积 核 〈kernel) 对 一 
张 图 像 中 的 每 个 像素 进行 一 系列 操作 。 卷 积 核 通常 是 一 个 四 方形 网 格 结 
构 〈 例 如 2x2、3x3 的 方形 区 域 ) ， 该 区 域内 每 个 方 格 都 有 一 个 权重 值 。 
当 对 图 像 中 的 茶 个 像素 进行 卷 积 时 ， 我 们 会 把 卷 积 核 的 中 心 放 置 于 该 像 
素 上 ， 如 图 12.4 所 示 ， 翻 转 核 之 后 再 依次 计算 核 中 每 个 元 系 和 其 履 冀 的 
图 像 像素 值 的 乘积 并 求 和 ， 得 到 的 结果 就 是 该 位 置 的 新 像素 值 。 








一 个 3x3 的 卷 积 核 
一 个 5x5 的 图 像 进行 卷 积 计算 


A 图 12.4 卷 积 核 与 卷 积 。 使 用 一 个 3x3 大 小 的 卷 积 核对 一 张 5x5 大 小 的 图 像 进 行 卷 积 操作 ， 当 


计算 图 中 红色 方块 对 应 的 像素 的 卷 积 结果 时 ， 我 们 首先 把 卷 积 核 的 中 心 放置 在 该 像素 位 置 ， 翻 
转 核 之 后 再 依次 计算 核 中 每 个 元 素 和 其 履 盖 的 图 像 像素 值 的 乘积 并 求 和 ， 得 到 新 的 像素 值 


这 样 的 计算 过 程 虽然 简单 ， 但 可 以 实现 很 多 常见 的 图 像 处 理 效 果 ， 
例如 图 像 模糊 、 边 缘 检 测 等 。 例 如 ， 如 果 我 们 想 要 对 图 像 进 行 均 值 模 
糊 ， 可 以 使 用 一 个 3x3 的 卷 积 核 ， 核 内 每 个 元 素 的 值 均 为 1/9。 


12.3.2 ”常见 的 边缘 检测 算 子 


卷 积 操作 的 神奇 之 处 在 于 选择 的 卷 积 核 。 那 么 ， 用 于 边缘 检测 的 卷 
积 核 〈 也 被 称 为 边缘 检测 算 子 ) 应 该 长 什么 样 呢 ? 在 回答 这 个 问题 前 ， 
我 们 可 以 首先 回想 一 下 边 到 底 是 如 何 形成 的 。 如 果 相 邻 像素 之 间 存 在 关 
别 明 显 的 颜色 、 亮 度 、 纹 理 等 属性 ， 我 们 就 会 认为 它们 之 间 应 该 有 一 条 
边界 。 这 种 相 邻 像素 之 间 的 差 值 可 以 用 梯度 〈gradient) 来 表示 ， 可 以 
想象 得 到 ， 边 缘 处 的 梯度 绝对 值 会 比较 大 。 基 于 这 样 的 理解 ， 有 几 种 不 
同 的 边缘 检测 算 子 被 先后 提出 来 。 
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图 12.5 ”3 种 常见 的 边缘 检测 算 子 


3 种 第 见 的 边缘 检测 算 子 如 图 12.5 所 示 ， 它 们 都 包含 了 两 个 方向 的 
卷 积 核 ， 分 别 用 于 检测 水 平方 向 和 竖 直 方向 上 的 边缘 信息 。 在 进行 边缘 
检测 时 ， 我 们 需要 对 每 个 像 系 分 别 进行 一 次 符 积 计算 ， 得 到 两 个 方向 上 
的 梯度 值 Cv 和 Gy ， 而 整体 的 梯度 可 按 下 面 的 公式 计算 而 得 : 





/一 2 -9 
= V G7 十 Gy 


由 于 上 述 计算 包含 了 开 根 号 操作 ， 出 于 性 能 的 考虑 ， 我 们 有 时 会 使 
用 绝对 值 操 作 来 代 答 开 根 号 操作 : 


G =|Gzs|+|G| 


当 得 到 梯度 G 后 ， 我 们 就 可 以 据 此 来 判断 哪些 像素 对 应 了 边缘 〈 梯 
度 值 越 大 ， 越 有 可 能 是 边缘 点 ) 。 


G 


12.3.3 ”实现 


本 节 将 会 使 用 Sobel 算 子 进行 边缘 检测 ， 实 现 描 边 效 果 。 为 此 ， 我 
们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_3。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 内 置 的 天 空 合子。 在 Window ->Lighting -> Skybox 中 去 掉 场 景 中 的 
pa 

(2) 把 本 书 资源 中 的 Assets/Textures/Chapter12/Sakura0.jpg 拖 电 到 
场景 中 ， 并 调整 它 的 位 置 使 其 可 以 填充 整个 场景 。 注 意 ，Sakura0.jpg 的 
纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 电 到 场景 中 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 
EdgeDetection.cs。 把 该 脚本 拖 忠 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter12-EdgeDetection 。 


我 们 首先 来 编写 EdgeDetection.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修 

















0 
(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class EdgeDetection : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader edgeDetectshader ; 
private Material edgeDetectMaterial = null; 
public Material material { 
get { 
edgeDetectMaterial = CheckShaderAndCreateMaterial(edgeDetectShader 


， edgeDetectMaterial); 
return edgeDetectMaterial; 


} 





在 上 述 代 码 中 ，edgeDetectShader 是 我 们 指定 的 Shader， 对 应 了 后 面 
将 会 实现 的 Chapter12-EdgeDetection。 


We 在 脚本 中 提供 用 于 调整 边缘 线 强 度 、 描 边 颜 色 以 及 背景 颜色 


[Range(6.6f，1.6f)] 
public float edgesOnly = 6.6f; 


public Color edgeColor = Color.black; 


public Color backgroundColor = Color.white; 





当 edgesOnly 值 为 0 时 ， 边 缘 将 会 合 加 在 原 泻 染 图 像 上 ; 当 edgesOnly 
值 为 1 时 ， 则 会 只 显示 边缘 ， 不 显示 原 演 染 图 像 。 其 中 ， 背 景 颜色 由 
backgroundColor 指 定 ， 边 缘 颜 色 由 edgeColor 指 定 。 


(4) 最 后 ， 我 们 定义 OnRenderImage 函 数 来 进行 真正 的 特效 处 理 : 





void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
material.SetFloat(”Edge0n1ly"，edgeson1ly ) ; 
material.SetColor(" EdgeColor", edgeColor); 
material.SetColor(" BackgroundColor", backgroundColor); 


Graphics.Blit(src, dest, material); 
} else { 

Graphics.Blit(src, dest); 
} 





每 当 OnRenderImage 函 数 被 调用 时 ， 它 会 检查 材质 是 否 可 用 。 如 采 
可 用 ， 就 把 参数 传递 给 材质 ， 再 调用 Graphics.Blit 进 行 处 理 ; 否则 ， 直 
接 把 原 图 像 显示 到 屏幕 上 ， 不 做 任何 处 理 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-EdgeDetection， 
进行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 





Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_EdgeOnly ("Edge Only", Float) = 1.6 
_EdgeColor ("Edge Color", Color) = (86, 606, 6, 1) 
_BackgroundColor ("Background Color", Color) = (1, 1, 1, 1) 





_MainTex 对 应 了 输入 的 泻 染 纹理 。 
(2) 定义 用 于 屏幕 后 处 理 的 Pass， 设 置 相 关 的 淀 染 状态 : 


SubShader { 
Pass { 


ZTest Always Cull Off ZWrite Off 





(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代码 块 中 声明 对 
应 的 变量 : 


sampler2D MainTex; 
half4 MainTex TexelSize; 
fixed EdgeOnly; 


fixed4 _EdgeColor; 
fixed4 _BackgroundColor; 





在 上 面 的 代码 中 ， 我 们 还 声明 了 一 个 新 的 变量 
_MainTex_TexelSize。xxx_TexelSize 是 Unity 为 我 们 提供 的 访问 xxx 纹 理 
对 应 的 每 个 纹 素 的 大 小 。 例 如 ， 一 张 512x512 大 小 的 纹理 ， 该 值 大 约 为 
0.001953〈 即 1/512〉 。 由 于 卷 积 需要 对 相 邻 区 域内 的 纹理 进行 采样 ， 
此 我 们 需要 利用 _MainTex_TexelSize 来 计算 各 个 相 邻 区 域 的 纹理 坐标 。 


ee (4) 在 顶点 厦 色 需 的 代码 中 ， 我 们 计算 了 边缘 检测 时 需要 的 纹理 
人 [人 示 : 








struct v2f { 
float4 pos : SV_POSITION; 
half2 uv[9] : TEXCOORD6 ; 


}; 
v2f vert(appdata img v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


half2 uv = v.texcoord; 


o.uv[6] = uv + MainTex_ TexelSize.xy * half2(-1, -1); 
o.uv[1] = uv + MainTex_ TexelSize.xy * half2(6, -1); 
oOo.uv[2] = uv + MainTex_ TexelSize.xy * half2(1, -1); 
o.uv[3] = uv + MainTex_ TexelSize.xy * half2(-1, 0); 
o.uv[4] = uv + MainTex_ TexelSize.xy * half2(6, 8); 
o.uv[5] = uv + MainTex_ TexelSize.xy * half2(1, 80); 
o.uv[6] = uv + MainTex TexelSize.xy * half2(-1, 1); 
o.uv[7] = uv + MainTex_ TexelSize.xy * half2(6, 1); 
o.uv[8] = uv + MainTex TexelSize.xy * half2(1, 1); 
return o; 


[L 


我 们 在 v2f 结 构 体 中 定义 了 一 个 维 数 为 9 的 纹理 数组 ， 对 应 了 使 用 
Sobel 算 子 采样 时 需要 的 9 个 邻 域 纹理 坐标 。 通 过 把 计算 采样 纹理 坐标 的 
代码 从 片 元 着 色 器 中 转移 到 顶点 着 色 器 中 ， 可 以 减少 运算 ， 提 高 性 能 。 
由 于 从 顶点 着 色 需 到 广元 着 色 器 的 插值 是 线性 的 ， 因 此 这 样 的 转移 并 不 
会 影响 纹理 坐标 的 计算 结 末 。 


(5) 片 元 着 色 器 是 我 们 的 重点 ， 它 的 代码 如 下 : 








fixed4 fragSobel(v2f i) : SV Target { 
half edge = Sobel(i); 


fixed4 withEdgeColor = lerp(_EdgeColor, tex2D( MainTex, i.uv[4]), edge 


fixed4 onlyEdgeColor = lerp(_EdgeColor, BackgroundColor, edge); 
return lerp(withEdgeColor, onlyEdgeColor, _EdgeOnly); 





我 们 首先 调用 Sobel 函 数 计算 当前 像素 的 梯度 值 edge， 并 利用 该 值 分 
别 计算 了 背景 为 原 图 和 纯色 下 的 颜色 值 ， 然 后 利用 _EdgeOnly 在 两 者 之 
间 插 值得 到 最 终 的 像素 值 。Sobel 函 数 将 利用 Sobel 算 子 对 原 图 进行 边缘 
检测 ， 它 的 定义 如 下 : 











fixed luminance(fixed4 color) { 
return 0.2125 * color.r + 0.7154 * color.g + 0.6721 * color.b; 


} 


half Sobel(v2f i) { 
const half Gx[9] = {-1，-2，-1， 


const half Gy[9] = {-1, 


half texColor; 
half edgeX = 6; 
half edgeY = 6; 
for (int it = 6;j it < 9; it++) { 
texColor = luminance(tex2D( MainTex, i.uv[it])); 


edgeX += texColor * Gx[it]; 
edgeY += texColor * Gy[it]; 
} 
half edge = 1 - abs(edgeX) - abs(edgeY); 


return edge; 





我 们 首先 定义 了 水 平方 向 和 竖 直 方向 使 用 的 卷 积 核 G 和 Gy 。 接 
着 ， 我 们 依次 对 9 个 像素 进行 采样 ， 计 算 它 们 的 腕 度 值 ， 再 与 卷 积 核 G， 
和 Gy 中 对 应 的 权重 相 乘 后 ， 有 登 加 到 各 目的 梯度 值 上 。 最 后 ， 我 们 从 1 中 
减 去 水 平方 辐 和 竖 直 方 辐 的 标 度 值 的 绝对 值 ， 得 到 edge。edge 值 越 小 ， 
表明 该 位 置 越 可 能 是 一 个 边缘 点 。 至 此 ， 边 缘 检 测 过 程 结 束 。 


(6) 当然 ， 我 们 也 关闭 了 该 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-EdgeDetection 拖 上 忠 到 摄像 机 的 
EdgeDetection.cs 脚 本 中 的 edgeDetectShader 参 数 中 。 当 然 ， 我 们 可 以 在 
EdgeDetection.cs 的 脚本 面板 中 将 edgeDetectShader 参 数 的 默认 值 设 置 为 
Chapter12-EdgeDetection， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 抽 

了 。 图 12.6 显 示 了 edgeOnly 参 数 为 1 时 对 应 的 屏幕 效果 。 














A 图 12.6 只 显示 边缘 的 屏幕 效果 





需要 注意 的 是 ， 本 节 实 现 的 边缘 检测 仅仅 利用 了 屏幕 颜色 信息 ， 而 
在 实际 应 用 中 ， 物 体 的 纹理 、 阴 影 等 信息 均 会 影响 边缘 检测 的 结果 ， 使 
得 结果 包含 许多 非 预 期 的 描 边 。 为 了 得 到 更 加 准确 的 边缘 信息 ， 我 们 往 
往 会 在 屏幕 的 深度 纹理 和 法 线 纹理 上 进行 边缘 检测 。 我 们 将 会 在 13.4 节 
中 实现 这 种 方法 。 











12.4 ”高 斯 模糊 


在 12.3 节 中 ， 我 们 学 习 了 卷 积 的 概念 ， 并 利用 卷 积 实现 了 一 个 简单 
的 边缘 检测 效果 。 在 本 节 中 ， 我 们 将 学 习 卷 积 的 另 一 个 常见 应 用 高 
斯 模糊 。 模 糊 的 实现 有 很 多 方法 ， 例 如 均值 模糊 和 中 值 模糊 。 均 值 模糊 
同样 使 用 了 卷 积 操作 ， 它 使 用 的 卷 积 核 中 的 各 个 元 素 值 都 相等 ， 且 相 加 
等 于 1， 也 就 是 说 ， 卷 积 后 得 到 的 像素 值 是 其 邻 域 内 各 个 像素 值 的 平均 
值 。 而 中 值 模 糊 则 是 选择 邻 域 内 对 所 有 像素 排序 后 的 中 值 蔡 换 掉 原 颜 
色 。 一 个 更 高 级 的 模糊 方法 是 高 斯 模糊 。 在 学 习 完 本 节 后 ， 我 们 可 以 得 
到 类 似 图 12.7 中 的 效果 。 




















A 图 12.7 ”左边 为 原 效 果 ， 右 边 为 高 斯 模糊 后 的 效果 
12.4.1 高 斯 滤波 
高 斯 模糊 同样 利用 了 卷 积 计算 ， 它 使 用 的 卷 积 核 名 为 高 斯 核 。 高 斯 





me ， 其 中 每 个 元 系 的 计算 都 是 基于 下 面 的 局 
斯 方 时 : 


1 -21 2 
2 


Gy=2r5m 
其 中 ，o 是 标准 方差 (一 般 取 值 为 1) ，x 和 y 分 别 对 应 了 当前 位 置 


到 卷 积 核 中 心 的 整数 距离 。 要 构建 一 个 高 斯 核 ， 我 们 只 需要 计算 高 斯 核 
中 各 个 位 置 对 应 的 高 斯 值 。 为 了 保证 滤波 后 的 图 像 不 会 变 瞳 ， 我 们 需要 








对 高 斯 核 中 的 权重 进行 归 一 化 ， 即 让 每 个 权重 除 以 所 有 权重 的 和 ， 这 样 
可 以 保证 所 有 权重 的 和 为 1。 因 此 ， 高 斯 函数 中 e 前 面 的 系数 实际 不 会 对 
结 末 有 任何 影响 。 图 12.8 显 示 了 一 个 标准 方 兰 为 1 的 5x5 大 小 的 高 斯 核 。 


高 斯 方程 很 好 地 模拟 了 领域 每 个 像素 对 当前 处 理 像素 的 影响 程度 

一 一 距离 越 近 ， 影 响 越 大 。 高 斯 核 的 维 数 越 高 ， 模 糊 程 度 越 大 。 使 用 一 
个 NxN 的 高 斯 核对 图 像 进行 卷 积 滤波 ， 束 需要 NxNxWxH (W 和 H 分 别 
是 图 像 的 宽 和 高 ) 次 纹理 采样 。 当 N 的 大 小 不 断 增 加 时 ， 采 样 次 数 会 变 
得 非常 巨大 。 幸 运 的 是 ， 我 们 可 以 把 这 个 二 维 高 斯 函数 拆 分 成 两 个 一 维 
函数 。 也 就 是 说 ， 我 们 可 以 使 用 两 个 一 维 的 高 斯 核 〈 图 12.8 中 的 右 图 ) 

先后 对 图 像 进 行 滤波 ， 它 们 得 到 的 结果 和 直接 使 用 二 维 高 斯 核 是 一 样 

的 ， 但 采样 次 数 只 需要 2xNxWxH。 我 们 可 以 进一步 观察 到 ， 两 个 一 维 
高 斯 核 中 包含 了 很 多 重复 的 权重 。 对 于 一 个 大 小 为 5 的 一 维 高 斯 核 ， 我 
们 实际 只 需要 记录 3 个 权重 值 即 可 。 




















0.0030 | 0.0133 | 0.0219 | 0.0133 | 0.0030 
0.0133 | 0.0596 | 0.0983 | 0.0596 | 0.0133 


0.0219 | 0.0983 | 0.1621 | 0.0983 | 0.0219 一 人 0.0545 | 0.2442 | 0.4026 | 0.2442 | 0.0545 
0.0133 | 0.0596 | 0.0983 | 0.0596 | 0.0133 
0.0030 | 0.0133 | 0.0219 | 0.0133 | 0.0030 


4 图 12.8 一 个 5x5 大 小 的 高 斯 核 。 左 图 显示 了 标准 方差 为 1 的 高 斯 核 的 权重 分 布 ， 我 们 可 以 把 
这 个 二 维 高 斯 核 拆 分 成 两 个 一 维 的 高 斯 核 ( 右 图 ) 


在 本 节 ， 我 们 将 会 使 用 上 述 5x5 的 高 斯 核对 原 图 像 进行 高 斯 模糊 。 
我 们 将 先后 调用 两 个 Pass， 第 一 个 Pass 将 会 使 用 竖 直 方向 的 一 维 高 斯 核 
对 图 像 进行 滤波 ， 第 二 个 Pass 册 使 用 水 平方 向 的 一 维 高 斯 核对 图 像 进 行 
滤波 ， 得 到 最 终 的 目标 图 像 。 在 实现 中 ， 我 们 还 将 利用 图 像 缩 放 来 进 一 
步 提 高 性 能 ， 并 通过 调整 高 斯 滤 肖 的 应 用 次 数 来 控制 模糊 程度 〈 次 数 越 
多 ， 图 像 越 模糊 ) 。 



































12.4.2 ”实现 





为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 Scene_12 4。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 内 置 的 天 空 盒子 。 在 Window -Lighting Skybox 中 去 掉 场 景 中 的 


空 盒子 。 


(2) 把 本 书 资源 中 的 Assets/Textures/Chapter12/Sakural.jpg 拖 电 到 
场景 中 ， 并 调整 的 位 置 使 其 可 以 填充 整个 场景 。 注 意 ，Sakural.jpg 的 纹 
理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 电 到 场景 中 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 GaussianBlur.cs。 
把 该 脚本 拖 上 忠 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 
Chapter12-GaussianBlur。 


我 们 首先 来 编写 GaussianBlur.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修 
改 。 














(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class GaussianBlur : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader gaussianBlurShader; 
private Material gaussianBlurMaterial = null; 


public Material material { 
get { 
gaussianBlurMaterial = CheckshaderAndCreateMaterial(gaussianBlursh 


ader, gaussianBlurMaterial); 
return gaussianBlurMaterial; 


} 





在 上 述 代码 中 ，gaussianBlurShader 是 我 们 指定 的 shader， 对 应 了 后 
面 将 会 实现 的 Chapter12-GaussianBlur。 


(3) 在 脚本 中 ， 我 们 还 提供 了 调整 高 斯 模糊 迭代 次 数 、 模 糊 范 围 
和 缩放 系数 的 参数 : 
// Blur iterations - larger number means more blur. 


[Range(6，4)] 
public int iterations 


// Blur spread for each iteration - larger value means more blur 
[Range(6.2f，3.6f)] 


public float blurSpread = 6.6f; 


[Range(1, 8)] 
public int downSample 





blurSpread 和 downSample 都 是 出 于 性 能 的 考虑 。 在 高 斯 核 维 数 不 变 
的 情况 下 ，_BlurSize 越 大 ， 模 糊 程度 越 蜗 ， 但 采样 数 却 不 会 受到 影响 。 
但 过 大 的 _BlurSize 值 会 造成 虚 影 ， 这 可 能 并 不 是 我 们 希望 的 。 而 
downSample 越 大 ， 需 要 处 理 的 像素 数 越 少 ， 同 时 也 能 进一步 提高 模糊 
程度 ， 但 过 大 的 downSample 可 能 会 使 图 像 像 素 化 。 


(4) 最后， 我 们 需要 定义 关键 的 OnRenderImage 函 数 。 我 们 首先 来 
看 第 一 个 版 本 ， 也 束 是 最 简单 的 OnRenderImage 的 实现 : 








/// 1st edition: just apply blur 
void OnRenderImage(RenderTexture src, RenderTexture dest) { 
if (material != null) { 
int rtW = src.width; 
int rtH = src.height; 
RenderTexture buffer = RenderTexture.GetTemporary(rtW, rtH, 8); 


// Render the vertical pass 
Graphics.Blit(src, buffer, material, 0); 
// Render the horizontal pass 
Graphics.Blit(buffer, dest, material, 1); 


RenderTexture.ReleaseTemporary(buffer ) ; 
} else { 
Graphics.Blit(src, dest); 


与 上 两 节 的 实现 不 同 ， 我 们 这 里 利用 RenderTexture.GetTemporary 函 
数 分 配 了 一 块 与 屏幕 图 像 大 小 相同 的 缓冲 区 。 这 是 因为 ， 高 斯 模糊 需要 
调用 两 个 Pass， 我 们 需要 使 用 一 块 中 间 缓 存 来 存储 第 一 个 Pass 执 行 完 毕 
后 得 到 的 模糊 结果 。 如 代码 所 示 ， 我 们 首先 调用 Graphics.Blit(src, buffer, 
material, 0)， 使 用 Shader 中 的 第 一 个 Pass《〈 即 使 用 竖 直 方 各 的 一 维 高 斯 核 
进行 滤波 ) 对 src 进 行 处 理 ， 并 将 结果 存储 在 了 buffer 中 。 然 后 ， 再 调用 
Graphics.Blit(buffer, dest, material, 1)， 使 用 Shader 中 的 第 二 个 Pass (即使 
用 水 平方 向 的 一 维 高 斯 核 进行 滤波 ) 对 buffer 进 行 处 理 ， 返 回 最 终 的 屏 
幕 图 像 。 最 后 ， 我 们 还 需要 调用 RenderTexture.ReleaseTemporary 来 释放 
之 前 分 配 的 缓存 。 


(5) 在 理解 了 了 上述 代码 后 ， 我 们 可 以 实现 第 二 个 版 本 的 
OnRenderImage 函 数 。 在 这 个 版 本 中 ， 我 们 将 利用 缠 放 对 图 像 进 行 降 采 
样 ， 从 而 减少 需要 处 理 的 像素 个 数 ， 提 高 性 能 。 


/// 2nd edition: scale the render texture 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
int rtW = src.width/downSample; 
int rtH = src.height/downSample; 
RenderTexture buffer = RenderTexture.GetTemporary(rtWw, rtH, ©); 
buffer.filterMode = FilterMode.Bilinear; 


// Render the vertical pass 
Graphics.Blit(src, buffer, material, 08); 


// Render the horizontal pass 
Graphics.Blit(buffer, dest, material, 1); 


RenderTexture.ReleaseTemporary (buffer); 
} else { 
Graphics.Blit(src, dest); 


} 





与 第 一 个 版 本 代码 不 同 的 是 ， 我 们 在 声明 缓冲 区 的 大 小 时 ， 使 用 了 





小 于 原 屏 幕 分 辨 率 的 尺寸 ， 并 将 该 临时 泻 染 纹理 的 滤波 模式 设置 为 双 线 

性 。 这 样 ， 在 调用 第 一 个 Pass 时 ， 我 们 需要 人 处理 的 像素 个 数 束 是 原来 的 

几 分 之 一 。 对 图 像 进行 降 采 样 不 仅 可 以 减少 需要 处 理 的 像素 个 数 ， 提 高 

性 能 ， 而 且 适 当 的 降 采 样 往 往 还 可 以 得 到 更 好 的 模糊 效果 。 尽 管 

性 能 越 好 ， 但 过 大 的 downSample 可 能 会 造成 图 像 
系 化 。 


(6) 最 后 一 个 版 本 的 代码 还 考虑 了 局 斯 模糊 的 磊 代 次 数 : 











/// 3rd edition: use iterations for larger blur 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 


int rtW 
int rtH 


= src.width/downSample; 

= src.height/downSample; 

RenderTexture buffer6 = RenderTexture.GetTemporary(rtW, rtH, 8); 
buffer6.filterMode = FilterMode.Bilinear; 


Graphics.Blit(src, buffer®); 


for (int i = 6;j i «< iterations; i++) { 
material.SetFloat(" BlurSize", 1.6f + i * blurSpread); 


RenderTexture buffer1 = RenderTexture.GetTemporary(rtW, rtH, © 
); 


// Render the vertical pass 
Graphics.Blit(buffer@, buffer1, material, 0); 


RenderTexture.ReleaseTemporary (buffero0); 
buffer@ = buffer1; 
buffer1 = RenderTexture.GetTemporary(rtW, rtH, 9); 


// Render the horizontal pass 
Graphics.Blit(buffer@, buffer1i, material, 1); 


RenderTexture.ReleaseTemporary (buffero0); 
buffer@ = buffer1; 


} 


Graphics.Blit(buffer@, dest); 

RenderTexture.ReleaseTemporary(buffer6 ) ; 
} else { 

Graphics.Blit(src, dest); 


} 


| 

上 面 的 代码 显示 了 如 何 利用 两 个 临时 缓存 在 迭代 之 间 进 行 交 蔡 的 过 
程 。 在 迭代 开始 前 ， 我 们 首先 定义 了 第 一 个 缓存 buffer0， 并 把 src 中 的 图 
像 缩放 后 存储 到 buffer0 中 。 在 欠 代 过 程 中 ， 我 们 又 定义 了 第 二 个 缓存 
buffer1。 在 执行 第 一 个 Pass 时 ， 输 入 是 buffer0， 输 出 是 buffer1， 完 毕 后 
首先 把 buffer0 释 放 ， 再 把 结果 值 buffer1 存 储 到 buffer0 中 ， 重 新 分 配 
buffer1， 然 后 再 调用 第 二 个 Pass， 重 复 上 述 过 程 。 迭 代 完 成 后 ，buffer0 
将 存储 最 终 的 图 像 ， 我 们 再 利用 Graphics.Blit(buffer0, desb 把 结果 显示 到 
屏幕 上 ， 并 释放 缓存。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-GaussianBlur， 进 
行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_BlurSize ("Blur Size", Float) = 1.6 


} 





_MainTex 对 应 了 输入 的 泻 染 纹理 。 


(2) 在 本 节 中 ， 我 们 将 第 一 次 使 用 CGINCLUDE 来 组 织 代码 。 我 
们 在 SubShader 块 中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代 
但: 


SubShader { 
CGINCLUDE 


ENDCG 








这 些 代码 不 需要 包含 在 任何 Pass 语 义 块 中 ， 在 使 用 时 ， 我 们 只 需要 








在 Pass 中 直接 指定 需要 使 用 的 顶点 着 色 器 和 片 元 着 色 器 函数 名 即 可 。 
CGINCLUDE 类 似 于 C++ 中 头 文件 的 功能 。 由 于 高 斯 模糊 需要 定义 两 个 
Pass， 但 它们 使 用 的 片 元 着 色 器 代码 是 完全 相同 的 ， 使 用 CGINCLUDE 
可 以 避免 我 们 编写 两 个 完全 一 样 的 frag 函 数 。 


(3) 在 CG 代码 块 中 ， 定 义 与 属性 对 应 的 变量 : 








sampler2D MainTex; 
half4 MainTex_ TexelSize; 
float BlurSize; 





由 于 要 得 到 相 邻 像素 的 纹理 坐标 ， 我 们 这 里 再 一 次 使 用 了 Unity 提 
供 的 _MainTex_TexelSize 变 量 ， 以 计算 相 邻 像素 的 纹理 坐标 偏 移 量 。 


(4) 分 别 定 义 两 个 Pass 使 用 的 顶点 着 色 器 。 下 面 是 竖 直 方向 的 顶 
点 着 色 器 代码 : 





struct v2f { 
float4 pos : SV_POSITION; 
half2 uv[5]: TEXCOORD6 
}; 
v2f vertBlurVertical(appdata img v) { 
v2f o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


half2 uv = v.texcoord; 


.uv[8] 
.UV[1I] 
.UV[2] 
.UV[3] 
.UV[4] 


UV; 

uv + float2(6.96， MainTex TexelSize. ， _BlurSize; 
uv - float2(6.06, MainTex TexelSize. i: _BlurSize; 
uv + float2(6.96， MainTex TexelSize. _BlurSize; 
uv - float2(6.96， MainTex TexelSize. _BlurSize; 


return o; 





在 本 市 中 我 们 会 利用 5x5 大 小 的 高 斯 核对 原 图 像 进 行 蜗 斯 模糊 ， 而 
由 12.4.1 节 可 知 ， 一 个 5x5 的 二 维 高 斯 核 可 以 拆 分 成 两 个 大 小 为 5 的 一 维 


高 斯 核 ， 因 此 我 们 只 需要 计算 5 个 纹理 坐标 即 可 。 为 此 ， 我 们 在 v2f 结 构 
体 中 定义 了 一 个 5 维 的 纹理 坐标 数组 。 数 组 的 第 一 个 坐标 存储 了 当前 的 
采样 纹理 ， 而 剩余 的 四 个 坐标 则 是 高 斯 模糊 中 对 邻 域 采样 时 使 用 的 纹理 
坐标 。 我 们 还 和 属性 _BlurSize 相 乘 来 控制 采样 距离 。 在 高 斯 核 维 数 不 变 
的 情况 下 ，_BlurSize 越 大 ， 模 糊 程 度 越 高 ， 但 采样 数 却 不 会 受到 影响 。 
但 过 大 的 _BlurSize 值 会 造成 虚 影 ， 这 可 能 并 不 是 我 们 希望 的 。 通 过 把 计 
算 采 样 纹理 坐标 的 代码 从 片 元 着 色 器 中 转移 到 顶点 着 色 器 中 ， 可 以 减少 
运算 ， 提 高 性 能 。 由 于 从 顶点 着 色 器 到 片 元 着 色 器 的 插值 是 线性 的 ， 因 
此 这 样 的 转移 并 不 会 影响 纹理 坐标 的 计算 结 


水 平方 向 的 顶点 着 色 器 和 上 面 的 代码 类 似 ， 只 是 在 计算 4 个 纹理 华 
标 时 使 用 了 水 平方 辐 的 纹 系 大 小 进行 纹理 偏 移 。 


(5) 定义 两 个 Pass 共 用 的 片 元 着 色 器 : 














fixed4 fragBlur(v2f i) : SV Target { 
float weight[3] = {6.4626, 0.2442, 0.0545}; 


fixed3 sum = tex2D( MainTex, i.uv[6]).rgb * weight[6]; 


for (int it = 1; it < 3; it++) { 
sum += tex2D( MainTex, i.uv[it]).rgb * weight[it]; 


sum += tex2D( MainTex, i.uv[2*it]).rgb * weight[it]; 


} 


return fixed4(sum, 1.06); 





由 12.4.1 节 可 知 ， 一 个 5x5 的 二 维 高 斯 核 可 以 拆 分 成 两 个 大 小 为 5 的 
一 维 高 斯 核 ， 并 且 由 于 它 的 对 称 性 ， 我 们 只 需要 记录 3 个 高 斯 权重 ， 也 
就 是 代码 中 的 weight 变 量 。 我 们 首先 声明 了 各 个 邻 域 像素 对 应 的 权重 
weight， 然 后 将 结 采 值 sam 初 始 化 为 当前 的 像素 值 乘 以 它 的 权重 值 。 根 
据 对 称 性 ， 我 们 进行 了 两 次 途 代 ， 每 次 迭代 包含 了 两 次 纹理 采样 ， 并 把 
像素 值 和 权重 相 梯 后 的 结果 车 加 到 sum 中 。 最 后 ， 函 数 返 回 滤波 结果 


SUIm。 


(6) 然后 ， 我 们 定义 了 高 斯 模糊 使 用 的 两 个 Pass: 


ZTest Always Cull Off ZWrite Off 


Pass { 
NAME "GAUSSIAN BLUR VERTICAL" 


CGPROGRAM 


#pragma vertex vertBlurVertical 
#pragma fragment fragBlur 


ENDCG 
} 


Pass { 
NAME "GAUSSIAN BLUR HORIZONTAL" 


CGPROGRAM 


#pragma vertex vertBlurHorizontal 
#pragma fragment fragBlur 


ENDCG 





注意 ， 我 们 仍然 首先 设置 了 泻 染 状态 。 和 之 前 实现 不 同 的 是 ， 我 们 
为 两 个 Pass 使 用 NAME 语 义 〈 见 3.3.3 节 ) 定义 了 它们 的 名 字 。 这 是 因 
为 ， 高 斯 模糊 是 非常 常见 的 图 像 处 理 操作 ， 很 多 屏幕 特效 都 是 建立 在 它 
的 基础 上 的 ， 例 如 Bloom 效 果 〈 见 12.5 节 ) 。 为 Pass 定 义 名 字 ， 可 以 在 
ee 而 不 需要 再 重复 编写 
尺码 。 


(7) 最 后 ， 关 闭 该 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-GaussianBlur 拖 电 到 摄像 机 的 
GaussianBlur.cs 脚 本 中 的 gaussianBlurShader 参 数 中 。 当 然 ， 我 们 可 以 在 
GaussianBlur.cs 的 脚本 面板 中 将 gaussianBlurShader 参 数 的 默认 值 设 置 为 
Chapter12-GaussianBlur， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 暇 了 。 














12.5 “Bloom 效 果 


Bloom 特 效 是 游戏 中 香 见 的 一 种 屏幕 效果 。 这 种 特效 可 以 模拟 真实 
摄像 机 的 一 种 图 像 效 果 ， 它 让 画面 中 较 亮 的 区 域 “ 扩 散 ” 到 周围 的 区 域 
中 ， 造 成 一 种 腊 腌 的 效果 。 图 12.9 给 出 了 动画 短 族 《大 象 之 禁 》 《〈 黄 文 
名 : Elephants Dream) 中 的 一 个 Bloom 效 果 。 


本 节 将 会 实现 一 个 基本 的 Bloom 特 效 ， 在 学 习 完 本 节 后 ， 我 们 可 以 
得 到 类 似 图 12.10 中 的 效果 。 








A 图 12.9 ”动画 短片 《大 象 之 梦 》 中 的 Bloom 效 果 ， 光 线 透 过 门 扩散 到 了 周围 较 上 暗 的 区 域 中 


AR 了 i 








全 图 12.10 左边 为 原 效 果 ， 右 边 为 Bloom 处 理 后 的 效果 


Bloom 的 实现 原理 非常 简单 : 我 们 首先 根据 一 个 国 值 提取 出 图 像 中 
的 较 亮 区 域 ， 把 它们 存储 在 一 张 泻 染 纹理 中 ， 再 利用 高 斯 模糊 对 这 张 泻 
末 纹 理 进行 桂 糊 处 理 ， 模拟 光线 扩散 的 效果 ， 最 后 再 将 其 和 原 图 像 进行 
混合 ， 得 到 最 终 的 效果 。 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_ 12 5。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 内 置 的 天 空 盒子 。 在 Window Lighting -、Skybox 中 去 掉 场 景 中 的 

空 盒子 。 

(2) 把 本 书 资 源 中 的 Textures/Chapter12/Sakural.jpg 拖 忠 到 场景 
中 ， 并 调整 它 的 位 置 使 其 可 以 填充 整个 场景 。 注 意 ，Sakural.jpg 的 纹理 
类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 电 到 场景 中 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 Bloom.cs。 把 该 
脚本 拖 扎 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter12-Bloom 。 


我 们 首先 来 编写 Bloom.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 











(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class Bloom : PostEffectsBase { 





(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader bloomshader ; 
private Material bloomMaterial = null; 
public Material material { 
get { 
bloomMaterial = CheckShaderAndCreateMaterial(bloomShader, bloomMat 
erial); 
return bloomMaterial; 


} 





在 上 述 代码 中 ，bloomShader 是 我 们 指定 的 Shader， 对 应 了 后 面 将 会 
实现 的 Chapter12-Bloom。 


(3) 由 于 Bloom 效 果 是 建立 在 高 斯 模糊 的 基础 上 的 ， 因 此 脚本 中 
提供 的 参数 和 12.4 节 中 的 几乎 完全 一 样 ， 我 们 只 增加 了 一 个 新 的 参数 
luminanceThreshold 来 控制 提取 较 亮 区 域 时 使 用 的 国 值 大 小 : 











// Blur iterations - larger number means more blur. 
[Range(0, 4)] 
public int iterations = 3; 


// Blur spread for each iteration - larger value means more blur 
[Range(6.2f，3.6f)] 
public float blurSpread = 6.6f; 


[Range(1，8)] 
public int downSample = 2; 


[Range(6.6f，4.6f)] 
public float luminanceThreshold = 6.6f; 





尽管 在 绝 大 多 数 情况 下 ， 图 像 的 亮度 值 不 会 超过 1。 但 如 果 我 们 开 
启 了 HDR， 硬 件 会 允许 我 们 把 颜色 值 存 储 在 一 个 更 高 精度 范围 的 缓冲 
中 ， 此 时 像素 的 亮度 值 可 能 会 超过 1。 因 此 ， 在 这 里 我 们 把 
luminanceThreshold 的 值 规定 在 [0, 4] 范 围 内 。 更 多 关于 HDR 的 内 容 ， 可 
以 参见 18.4.3 节 。 


(4) 最 后 ， 我 们 需要 定义 关键 的 OnRenderImage 阔 数 : 











void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
material.SetFloat(" LuminanceThreshold", luminanceThreshold); 


int rtW = src.width/downSample; 
int rtH = src.height/downSample; 


RenderTexture buffer6 = RenderTexture.GetTemporary(rtW, rtH, ©); 
buffer6.filterMode = FilterMode.Bilinear; 


Graphics.Blit(src, buffer@, material, 0); 


for (int i = 6;j i < iterations; i++) { 
material.SetFloat(" BlurSize", 1.6f + i * blurSpread); 


RenderTexture buffer1 = RenderTexture.GetTemporary(rtW, rtH, 6 
); 


// Render the vertical pass 
Graphics.Blit(buffer@, buffer1, material, 1); 


RenderTexture.ReleaseTemporary (buffero0); 
buffer@ = buffer1; 
buffer1 = RenderTexture.GetTemporary(rtW, rtH, 90); 


// Render the horizontal pass 
Graphics.Blit(buffer@, buffer1i, material, 2); 


RenderTexture.ReleaseTemporary (buffero0); 
buffer@ = bufferl1; 
} 


material.SetTexture (" Bloom", buffer@); 
Graphics.Blit (src, dest, material, 3); 


RenderTexture.ReleaseTemporary(buffer6 ) ; 
} else { 


Graphics.Blit(src, dest); 
} 
} 





上 面 的 代码 和 12.4 节 中 进行 高 斯 模糊 时 使 用 的 代码 基本 相同 ， 但 进 
行 了 一 些 修 改 。 我 们 前 面 提 到 ，Bloom 效 果 需 要 3 个 步骤 : 首先 ， 提 取 
图 像 中 较 亮 的 区 域 ， 因 此 我 们 没有 像 12.4 节 那样 直接 对 src 进 行 降 采 样 ， 
而 是 通过 调用 Graphics.Blit(src, buffer0, material, 0) 来 使 用 Shader 中 的 第 一 








个 Pass 提 取 图 像 中 的 较 亮 区 域 ， 提 取得 到 的 较 亮 区 域 将 存储 在 buffer0 

中 。 然 后 ， 我 们 进行 和 12.4 节 中 完全 一 样 的 高 斯 模糊 迭代 人 处理， 这 些 

Pass 对 应 了 Shader 的 第 二 个 和 第 三 个 Pass。 模 糊 后 的 较 亮 区 域 将 会 存储 

在 buffer0 中 ， 此 时 ， 我 们 再 把 buffer0 传 递 给 材质 中 的 _Bloom 纹 理 属 性 ， 

并 调用 Graphics.Blit (src, dest, material, 3) 使 用 Shader 中 的 第 四 个 Pass 来 进 

的 混合 ， 将 结果 存储 在 目标 泻 染 纹理 dest 中 。 最 后 ， 释 放 I 临 时 组 
子 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-Bloom， 进 行 如 下 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_Bloom ("Bloom (RGB)", 2D) = "black" {} 
_LuminanceThreshold ("Luminance Threshold", Float) = 0.5 


_BlurSize ("Blur Size", Float) = 1.6 
} 








_MainTex 对 应 了 输入 的 泻 染 纹理 。_Bloom 是 高 斯 模糊 后 的 较 亮 区 
域 ，_LuminanceThreshold 是 用 于 提取 较 亮 区 域 使 用 的 阔 值 ， 而 _BlurSize 
中 的 作用 相同 ， 用 于 控制 不 同 迭 代 之 间 高 斯 模糊 的 模糊 区 域 范 
6 








(2) 在 本 节 中 ， 我 们 仍然 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 
SubShader 块 中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 


Subshader { 
CGINCLUDE 


ENDCG 








(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 





sampler2D MainTex; 

half4 MainTex TexelSize; 
sampler2D Bloom; 

float LuminanceThreshold; 
float BlurSize; 











和 (4) 我 们 衣 先 定义 提取 较 亮 区 域 需要 使 用 的 顶点 着 色 器 和 片 元 着 
侣 : 





struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORD6 ; 


}; 


v2f vertExtractBright(appdata img v) { 
v2f 0o; 


o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 
O.UV = V.texcoord ; 


return o; 


} 


fixed luminance(fixed4 color) { 
return 0.2125 * color.r + 0.7154 * color.g + 0.6721 * color.b; 


} 
fixed4 fragExtractBright(v2f i) : SV_ Target { 
fixed4 c = tex2D( MainTex, i.uv); 


fixed val = clamp(luminance(c) - LuminanceThreshold, 6.06, 1.0); 


return c * val; 


| 
顶点 着 色 器 和 之 前 的 实现 完全 相同 。 在 片 元 着 色 需 中 ， 我 们 将 采样 


得 到 的 亮度 值 减 去 闷 值 LuminanceThreshold， 并 把 结果 截取 到 0 一 1 范 
内 。 然 后 ， 我 们 把 该 值 和 原 像 素 值 相 乘 ， 得 到 提取 后 的 亮 部 区 域 。 


(5) 然后 ， 我 们 定义 了 混合 亮 部 图 像 和 原 图 像 时 使 用 的 项 点 着 色 
器 和 万 元 着 色 器 : 














struct v2fBloom { 
float4 pos : SV_POSITION; 
half4 uv : TEXCOORD6 ; 

}; 


v2fBloom vertBloom(appdata img v) { 
v2fBloom o; 


o.pos = mul (UNITY MATRIX MVP, Vv.vertex); 
O.UV.Xy = Vv.texcoord; 
O.UV.ZW = VvV.texcoord; 


#if UNITY UV_STARTS_AT_TOP 

if (_MainTex_ TexelSize.y < 0.6) 
O.UV.W = 1.6 - O.UV.W; 

#endif 


return o; 


} 


fixed4 fragBloom(v2fBloom i) : SV Target { 
return tex2D( MainTex, i.uv.xy) + tex2D(_ Bloom, i.uv.zw); 


} 





这 里 使 用 的 顶点 着 色 器 与 之 前 的 有 所 不 同 ， 我 们 定义 了 两 个 纹理 坐 
标 ， 并 存储 在 同一 个 类 型 为 half4 的 变量 uv 中 。 它 的 xy 分 量 对 应 了 
_MainTex， 即 原 图 像 的 纹理 坐标 。 而 它 的 zw 分 量 是 _Bloom， 即 模糊 后 
的 较 亮 区 域 的 纹理 坐标 。 我 们 需要 对 这 个 纹理 坐标 进行 平台 差异 化 处 理 
( 详 见 5.6.1 节 ) 。 





片 元 着 色 器 的 代码 就 很 简单 了 。 我 们 只 需要 把 两 张 纹理 的 采样 结果 
相 加 混合 即 可 。 


(6) 接着 ， 我 们 定义 了 Bloom 效 果 需 要 的 4 个 Pass; 


ZTest Always Cull Off ZWrite Off 


Pass { 
CGPROGRAM 
#pragma vertex vertExtractBright 
#pragma fragment fragExtractBright 


ENDCG 
} 


UsePass "Unity Shaders Book/Chapter 12/Gaussian Blur/GAUSSIAN BLUR VERTICA 
L" 


UsePass "Unity Shaders Book/Chapter 12/Gaussian Blur/GAUSSIAN BLUR_ HORIZON 
TAL" 


Pass { 
CGPROGRAM 
#pragma vertex vertBloom 
#pragma fragment fragBloom 


ENDCG 











其 中 ， 第 二 个 和 第 三 个 Pass 我 们 直接 使 用 了 12.4 节 高 斯 模糊 中 定义 
的 两 个 Pass， 这 是 通过 UsePass 语 义 指 明 它 们 的 Pass 名 来 实现 的 。 需 要 注 
意 的 是 ， 由 于 Unity 内 部 会 把 所 有 Pass 的 Name 转 换 成 大 写字 母 表示 ， 因 
此 在 使 用 UsePass 命 令 时 我 们 必须 使 用 大 写 形式 的 名 字 。 


(7) 最 后 ， 我 们 关闭 了 该 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-Bloom 拖 电 到 摄像 机 的 Bloom.cs 














脚本 中 的 bloomShader 参 数 中 。 当 然 ， 我 们 可 以 在 Bloom.cs 的 脚本 面板 中 
将 bloomShader 参 数 的 默认 值 设置 为 Chapter12-Bloom， 这 样 束 不 需要 以 
后 使 用 时 每 次 都 手动 拖 上 忠 了 。 


12.6 ”运动 模糊 


运动 模糊 是 真实 世界 中 的 摄像 机 的 一 种 效果 。 如 果 在 摄像 机 曝光 
时 ， 拍 摄 场景 发 生 了 变化 ， 就 会 产生 模糊 的 画面 。 运 动 模糊 在 我 们 的 日 
常生 活 中 是 非 第 第 见 的 ， 只 要 留心 观察 ， 束 可 以 友 现 无 论 古 体育 报道 还 
是 各 个 电影 里 ， 都 有 运动 模糊 的 身影 。 运 动 模糊 效果 可 以 让 物体 运动 看 
起 来 更 加 真实 平滑 ， 但 在 计算 机 产生 的 图 像 中 ， 由 于 不 存在 曝光 这 一 物 
理 现象 ， 泻 染 出 来 的 图 像 往 往 痢 棱角 分 明 ， 缺 少 运 动 模糊 。 在 一 些 诸如 
赛车 类 型 的 游戏 中 ， 为 画面 添加 运动 模糊 是 一 种 常见 的 处 理 方法 。 在 这 
一 节 中 ， 我 们 将 学 习 如 何在 屏幕 后 处 理 中 实现 运动 模糊 的 效果 。 在 本 节 
结束 后 ， 我 们 将 得 到 类 似 图 12.11 中 的 效果 。 














A 图 12.11 左边 为 原 效果 ， 右 边 为 应 用 运动 模糊 后 的 效果 





运动 模糊 的 实现 有 多 种 方法 。 一 种 实现 方法 是 利用 一 块 累积 缓存 
(accumulation buffer ) 来 混合 多 张 连续 的 图 像 。 当 物体 快速 移动 产 
生 多 张 图 像 后 ， 我 们 取 它 们 之 间 的 平均 值 作为 最 后 的 运动 模糊 图 像 。 然 
而 ， 这 种 暴力 的 方法 对 性 能 的 消耗 很 大 ， 因 为 想 要 获取 多 张 帧 图 像 往往 
意味 着 我 们 需要 在 同一 帧 里 演 染 多 次 场景 。 男 一 种 应 用 广泛 的 方法 是 创 
建 和 使 用 速度 缓存 (velocity buffer ) ， 这 个 缓存 中 存储 了 各 个 像素 当 
前 的 运动 速度 ， 然 后 利用 该 值 来 决定 模糊 的 方向 和 大 小 。 


在 本 节 中 ， 我 们 将 使 用 类 似 上 述 第 一 种 方法 的 实现 来 模拟 运动 模糊 
的 效果 。 我 们 不 需要 在 一 帧 中 把 场景 泻 染 多 次 ， 但 需要 保存 之 前 的 演 染 








结 末 ， 不 断 把 当前 的 演 染 图 像 登 加 到 之 前 的 泻 染 图 像 中 ， 从 而 产生 一 种 
运动 轨迹 的 视觉 效果 。 这 种 方法 与 原始 的 利用 累计 缓存 的 方法 相 比 性 能 
更 好 ， 但 模糊 效果 可 能 会 略 有 影 啊 。 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_6。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 内 置 的 天 空 盒子 。 在 Window Lighting ” Skybox 中 去 掉 场 景 中 的 天 


空 盒子 。 


(2) 我 们 需要 搭建 一 个 测试 运动 模糊 的 场景 。 在 本 书 资源 的 实现 
中 ， 我 们 构建 了 一 个 包含 3 面 墙 的 房间 ， 并 放置 了 4 个 了 立方体， 它们 均 使 
用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 同 时 ， 我 们 把 本 书 资源 中 的 
Translating.cs 脚 本 拖 忠 给 摄像 机 ， 让 其 在 场景 中 不 断 运动 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 MotionBlur.cs。 
把 该 脚本 拖 忠 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter12-MotionBlur。 


我 们 首先 来 编写 MotionBlur.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修 
改 。 

















(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class MotionBlur : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 





public Shader motionBlurShader; 
private Material motionBlurMaterial = null; 


public Material material { 
get { 
motionBlurMaterial = CheckShaderAndCreateMaterial(motionBlurShader 
， motionBlurMaterial); 


return motionBlurMaterial; 





(3) 定义 运动 模糊 在 混合 图 像 时 使 用 的 模糊 参数 : 


[Range(6.6f，6.9f)] 
public float blurAmount = 6.5f; 





blurAmount 的 值 越 大 ， 运 动 拖 尾 的 效果 就 越 明 显 ， 为 了 防止 拖 尾 效 
果 完 全 蔡 代 当前 帧 的 演 染 结果 ， 我 们 把 它 的 值 截取 在 0.0 一 0.9 范 围 内 。 


(4) 定义 一 个 RenderTexture 类 型 的 变量 ， 保 存 之 前 图 像 登 加 的 结 
果 : 


private RenderTexture accumulationTexture; 


void OnDisable() { 
DestroyImmediate(accumulationTexture); 


} 





在 上 面 的 代码 里 ， 我 们 在 该 脚本 不 运行 时 ， 即 调用 OnDisable 函 数 
时 ， 立 即 销毁 accumulation Texture。 这 是 因为 ， 我 们 希望 在 下 一 次 开始 
应 用 运动 模糊 时 重新 车 加 图 像 。 


(5) 最 后 ， 我 们 需要 定义 运动 模糊 使 用 的 OnRenderImage 函 数 : 











void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
// Create the accumulation texture 
if (accumulationTexture == null || accumulationTexture.width != sr 
c.width || 
accumulationTexture.height != src.height) { 
DestroyImmediate(accumulationTexture); 
accumulationTexture = new RenderTexture(src.width, src.height, 
0); 


accumulationTexture.hideFlags = HideFlags.HideAndDontSave; 
Graphics.Blit(src, accumulationTexture); 


} 


// We are accumulating motion over frames without clear/discard 
// by design, so silence any performance warnings from Unity 
accumulationTexture.MarkRestoreExpected(); 


material.SetFloat(" BlurAmount", 1.6f - blurAmount); 


Graphics.Blit (src, accumulationTexture, material); 
Graphics.Blit (accumulationTexture, dest); 

} else { 
Graphics.Blit(src, dest); 

} 





在 确认 材质 可 用 后 ， 我 们 首先 判断 用 于 混合 图 像 的 
accumulationTexture 是 否 满足 条 件 。 我 们 不 仅 判断 它 是 否 为 空 ， 还 判断 





它 是 否 与 当前 的 屏幕 分 辨 紊 相等， 如 果 不 满足 ， 就 说 明 我 们 需要 重新 创 
娃 一 个 适合 于 当前 分 辨 率 的 accumulationTexture 变 量 。 创 建 完 毕 后 ， 由 
于 我 们 会 自己 控制 该 变量 的 销毁 ， 因 此 可 以 把 它 的 hideFlags 设 置 为 
HideFlags.HideAndDontSave， 这 意味 着 这 个 变量 不 会 显示 在 Hierarchy 
中 ， 也 不 会 保存 到 场景 中 。 然 后 ， 我 们 使 用 当前 的 帧 图 像 初 始 化 
accumulation Texture 〈 使 用 Graphics.Blit(src, accumulationTexture) 代 


但 ) 。 


当 得 到 了 有 效 的 accumulationTexture 变 量 后 ， 我 们 调用 了 
accumulationTexture.Mark RestoreExpected 函 数 来 表明 我 们 需要 进行 一 个 
演 染 纹理 的 恢复 操作 。 人 恢复 操作 (restore operation) 发 生 在 演 染 到 纹 
理 而 该 纹理 又 没有 被 提前 清空 或 销毁 的 情况 下 。 在 本 例 中 ， 我 们 每 次 调 
用 OnRenderImage 时 都 需要 把 当前 的 帧 图 像 和 accumulationTexture 中 的 图 
像 混 合 ，accumulationTexture 纹 理 不 需要 提前 清空 ， 因 为 它 保 存 了 我 们 
之 前 的 混合 结果 。 然 后 ， 我 们 将 参数 传递 给 材质 ， 并 调用 Graphics.Blit 
(src, accumulationTexture, material) 把 当前 的 屏幕 图 像 src 骆 加 到 
accumulationTexture 中 。 最 后 使 用 Graphics.Blit (accumulationTexture, 


desb 把 结果 显示 到 屏幕 上 。 
下 面 ， 我 们 来 实现 Shader 的 部 分 。 本 节 实 现 的 运动 模糊 非常 简单 ， 








我 们 打开 Chapter12-MotionBlur， 进 行 如 下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_BlurAmount ("Blur Amount", Float) = 1.6 





_MainTex 对 应 了 输入 的 演 染 。_BlurAmount 是 混合 图 像 时 使 用 
的 混合 系数 。 


(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代 码 。 我 们 在 
SubShader 块 中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 


Subshader { 
CGINCLUDE 


ENDCG 











(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 


sampler2D MainTex; 
fixed BlurAmount; 





(4) 顶点 着 色 器 的 代码 与 之 前 章节 使 用 的 代码 完全 一 样 : 





struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORD6 ; 


}; 


v2f vert(appdata img v) { 
v2f o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV = V.texcoord ; 


return o; 








(5) 下面 ， 我 们 定义 了 两 个 片 元 着 色 器 ， 一 个 用 于 更 新 泻 染 纹理 
的 RGB 通道 部 分 ， 第 一 个 用 于 更 新 泻 染 纹理 的 A 通 道 部 分 : 


fixed4 fragRGB (v2f i) : SV Target { 
return fixed4(tex2D( MainTex, i.uv).rgb, _BlurAmount); 
} 


half4 fragA (v2f i) : SV Target { 
return tex2D( MainTex, i.uv); 
} 





RGB 通道 版 本 的 Shader 对 当前 图 像 进行 采样 ， 并 将 其 A 通 道 的 值 设 
为 _BlurAmount， 以 便 在 后 面 混合 时 可 以 使 用 它 的 透明 通道 进行 混合 。 
A 通 道 版 本 的 代码 束 更 简单 了 ， 直 接 返 回采 样 结果 。 实 际 上 ， 这 个 版 本 
ee 染 纹 理 的 透明 通道 值 ， 不 让 其 受到 混合 时 使 用 的 透明 度 
条 景 2 


(6) 然后 ， 我 们 定义 了 运动 模糊 所 需 的 Pass。 在 本 例 中 我 们 需要 
两 个 Pass， 一 个 用 于 更 新 泻 染 纹理 的 RGB 通 道 ， ee 
道 。 之 所 以 要 把 A 通 道 和 RGB 通道 分 开 ， 是 因为 在 更 新 RGB 时 我 们 需 
设置 它 的 A 通道 来 泥 全 图像， 但 又 不 希望 A 通道 的 什 写 入 演 染 纹理 中 。 





ZTest Always Cull Off ZWrite Off 


Pass { 
Blend SrcAlpha OneMinusSrcAlpha 


ColorMask RGB 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment fragRGB 


ENDCG 
} 


Pass { 
Blend One Zero 
ColorMask A 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment fragA 


ENDCG 





(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


Fallback Off 





完成 后 返回 编辑 器 ， 并 把 Chapter12-MotionBlur 拖 忠 到 摄像 机 的 
MotionBlur.cs 脚 本 中 的 motionBlurShader 参 数 中 。 当 然 ， 我 们 可 以 在 
MotionBlur.cs 的 脚本 面板 中 将 motionBlurShader 参 数 的 默认 值 设 置 为 
Chapter12-MotionBlur， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 上 忠 了 。 


本 节 是 对 运动 模糊 的 一 种 简单 实现 。 我 们 混合 了 连续 帧 之 间 的 图 
像 ， 这 样 得 到 一 张 具 有 模糊 拖 尾 的 图 像 。 然 而 ， 当 物体 运动 速度 过 快 
时 ， 这 种 方法 可 能 会 造成 单独 的 帧 图 像 变 得 可 见 。 在 第 13 章 中 ， 我 们 会 
学 习 如 何 利 用 深度 纹理 重建 速度 来 模拟 运动 模糊 效果 。 














12.7 扩展 阅读 


本 章 介 绍 了 如 何在 Unity 中 利用 泻 染 纹理 实现 屏幕 后 处 理 效果 ， 并 

且 介 绍 了 几 种 常见 的 屏幕 特效 的 实现 方法 。 这 些 效果 都 使 用 了 图 像 处 理 
中 的 一 些 算法 ， 以 达到 特定 的 图 像 效果 。 除 了 本 章 介 绍 的 这 些 效果 外 ， 
读者 可 以 在 Unity 的 Image Effect (http://docs.unity3d.com/Manual/comp- 
ImageEffects.html ) 包 中 找到 更 多 特效 的 实现 。 在 GPU Gems 系 列 

(https://developer.nvidia.com/ gpugems/GPUGems ) 中 ， 也 介绍 了 许多 
基于 图 像 处 理 的 泻 染 技术 。 例 如 ，《GPU Gems 3》 的 第 27 章 ， 介 绍 了 
一 种 景深 效果 的 实现 方法 。 除 此 之 外 ， 读 者 也 可 以 在 Unity 的 资源 商店 
和 其 他 网 络 资源 中 找到 许多 出 色 的 屏幕 特效 。 


第 13 草 ”使 用 深度 和 法 线 纹理 


在 第 12 章 中 ， 我 们 学 习 的 屏幕 后 处 理 效果 都 只 是 在 屏幕 颜色 图 像 上 
进行 各 种 操作 来 实现 的 。 然 而 ， 很 多 时 候 我 们 不 仅 需 要 当前 屏幕 的 颜色 
信息 ， 还 希望 得 到 深度 和 法 线 信息 。 例 如 ， 在 进行 边缘 检测 时 ， 直 接 利 
用 颜色 信息 会 使 检测 到 的 边缘 信息 受 物体 纹理 和 光照 等 外 部 因素 的 影 
啊 ， 得 到 很 多 我 们 不 需要 的 边缘 点 。 一 种 更 好 的 方法 是 ， 我 们 可 以 在 深 
度 纹理 和 法 线 纹理 上 进行 边缘 检测 ， 这 些 图 像 不 会 受 纹理 和 光照 的 影 
啊 ， 而 仅仅 保存 了 当前 演 染 物体 的 模型 信息 ， 通 过 这 样 的 方式 检测 出 来 
的 边缘 更 加 可 靠 。 


在 本 章 中 ， 我 们 将 学 习 如 何在 Unity 中 获取 深度 纹理 和 法 线 纹理 来 
实现 特定 的 屏幕 后 处 理 效果 。 在 13.1 节 中 ， 我 们 首先 会 学 习 如 何在 Unity 
中 获取 这 两 种 纹理 。 在 13.2 节 中 ， 我 们 会 利用 深度 纹理 来 计算 摄像 机 的 
移动 速度 ， 实 现 摄像 机 的 运动 模糊 效果 。 在 13.3 节 中 ， 我 们 会 学 习 如 何 
利用 深度 纹理 来 重建 屏幕 像素 在 世界 空间 中 的 位 置 ， 从 而 模拟 屏幕 雾 
效 。13.4 节 会 再 次 学 习 边 缘 检 测 的 另 一 种 实现 ， 即 利用 深度 和 法 线 纹理 
进行 边缘 检测 。 

















13.1 获取 深度 和 法 线 纹理 


虽然 在 Unity 里 获取 深度 和 法 线 纹理 的 代码 非常 简单 ， 但 是 我 们 有 
必要 在 这 之 前 首先 了 解 它们 背后 的 实现 原理 。 


13.1.1 背后 的 原理 


深度 纹理 实际 就 是 一 张 泻 染 纹理 ， 只 不 过 它 里 面 存 储 的 像素 值 不 是 
颜色 值 ， 而 是 一 个 高 精度 的 深度 值 。 由 于 被 存储 在 一 张 纹理 中 ， 深 度 纹 
理 里 的 深度 值 范 围 是 [0, 1]， 而 且 通 常 是 非 线 性 分 布 的 。 那 么 ， 这 些 深度 
值 是 从 哪里 得 到 的 呢 ? 要 回答 这 个 问题 ， 我 们 需要 回顾 在 第 4 章 学 过 的 
顶点 变换 的 过 程 。 总 体 来 说 ， 这 些 深 度 值 来 自 于 顶点 变换 后 得 到 的 归 一 
化 的 设备 坐标 (Normalized Device Coordinates ，NDC) 。 回 顾 一 下 ， 
一 个 模型 要 想 最 终 被 绘制 在 屏幕 上 ， 需 要 把 它 的 顶点 从 模型 空间 变换 到 
齐 次 裁剪 坐标 系 下 ， 这 是 通过 在 顶点 着 色 器 中 乘 以 MVP 变 换 和 矩阵 得 到 
的 。 在 变换 的 最 后 一 步 ， 我 们 需要 使 用 一 个 投影 矩阵 来 变换 顶点 ， 当 我 
们 使 用 的 是 透视 投影 类 型 的 摄像 机 时 ， 这 个 投影 矩阵 就 是 非 线性 的 ， 有 具 
体 过 程 可 回顾 4.6.7 小 节 。 


图 13.1 显 示 了 4.6.7 小 节 中 给 出 的 Unity 中 透视 投影 对 顶点 的 变换 过 
程 。 图 13.1 中 最 左 侧 的 图 显示 了 投影 变换 前 ， 即 观察 空间 下 视 锥 体 的 结 
构 及 相应 的 顶点 位 置 ， 中 间 的 图 显示 了 应 用 透视 裁剪 矩阵 后 的 变换 结 
果 ， 即 顶点 着 色 器 阶段 输出 的 顶点 变换 结果 ， 最 右 侧 的 图 则 是 底层 硬件 
进行 了 透视 除法 后 得 到 的 归 一 化 的 设备 坐标 。 需 要 注意 的 是 ， 这 里 的 投 
影 过 程 是 建立 在 Unity 对 坐标 系 的 假定 上 的 ， 也 就 是 说 ， 我 们 针对 的 是 
观察 空间 为 右手 坐标 系 ， 使 用 列 矩 阵 在 矩阵 右 侧 进行 相 乘 ， 旦 变换 到 
NDC 后 z 分 量 范围 将 在 [-1 1] 之 间 的 情况 。 而 在 类 似 DirectX 这 样 的 图 形 
接口 中 ， 变 换 后 z 分 量 范围 将 在 [0, 1] 之 间 。 如 果 需 要 在 其 他 图 形 接口 下 
实现 本 章 的 类 似 效果 ， 需 要 对 一 些 计算 参数 做 出 相应 变化 。 关 于 变换 时 
使 用 的 矩阵 运算 ， 读 者 可 以 参考 4.6.7 小 节 。 
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4 图 13.1 在 透视 投影 中 ， 投 影 矩 阵 首先 对 顶点 进行 了 缩放 。 在 经 过 齐 次 除法 后 ， 透 视 投 影 的 
裁剪 空间 会 变换 到 一 个 立方 体 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变换 后 的 结果 


8 
We 范围 为 [-1, 1] 的 了 立方体。 正 交 投影 使 用 的 变换 矩 阵 是 线性 
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4 图 13.2 、 在 正 区 投影 中 ， 投 影 矩 阵 对 顶点 进行 了 缩放 。 在 经 过 章 次 除法 后 ， 正 交 投 影 的 裁 航 
空间 会 变换 到 一 个 立方 体 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 变换 后 的 结果 


在 得 到 NDC 后 ， 深 度 纹理 中 的 像素 值 就 可 以 很 方便 地 计算 得 到 了 ， 
这 些 深度 值 就 对 应 了 NDC 中 顶点 坐标 的 z 分 量 的 值 。 由 于 NDC 中 z 分 量 
的 范围 在 [-1 1]， 为 了 让 这 些 值 能 够 存储 在 一 张 图 像 中 ， 我 们 需要 使 用 
下 面 的 公式 对 其 进行 映射 : 




















d =0.5.7 ，+0.5 


ndc 


其 中 ，d 对 应 了 深度 纹理 中 的 像素 值 ，zjigc 对 应 了 NDC 坐 标 中 的 z 
分 量 的 值 。 





那么 Unity 是 怎么 得 到 这 样 一 张 深度 纹理 的 呢 ? 在 Unity 中 ， 深 度 纹 

理 可 以 直接 来 自 于 真正 的 深度 缓存 ， 也 可 以 是 由 一 个 单独 的 Pass 演 染 而 
得 ， 这 取决 于 使 用 的 演 染 路 径 和 硬件 。 通 第 来 讲 ， 当 使 用 延迟 泻 染 路 径 

《包括 遗留 的 延迟 演 染 路 径 ) 时 ， 深 度 纹理 理所当然 可 以 访问 到 ， 因 为 
延迟 泻 染 会 把 这 些 信息 泻 染 到 G-buffer 中 。 而 当 无 法 直接 获取 深度 缓存 
时 ， 深 度 和 法 线 纹理 是 通过 一 个 单独 的 Pass 泻 染 而 得 的 。 具 体 实现 是 ， 
Unity 会 使 用 着 色 器 替换 (Shader Replacement) 技术 选择 那些 演 染 类 型 

( 即 SubShader 的 RenderType 标 签 ) 为 Opaque 的 物体 ， 判 断 它 们 使 用 的 
演 染 队列 是 否 小 于 等 于 2 500( 内 置 的 Background、Geometry 和 
AlphaTest 泻 染 队列 均 在 此 范围 内 ) ， 如 果 满 足 条 件 ， 就 把 它 泻 染 到 深度 
和 法 线 纹理 中 。 因 此 ， 要 想 让 物体 能 够 出 现在 深度 和 法 线 纹理 中 ， 就 必 
须 在 Shader 中 设置 正确 的 RenderType 标 签 。 


在 Unity 中 ， 我 们 可 以 选择 让 一 个 摄像 机 生成 一 张 深度 纹理 或 是 一 
张 深 度 + 法 线 纹理 。 当 选择 前 者 ， 即 只 需要 一 张 单独 的 深度 纹理 时 ， 
Unity 会 直接 获取 深度 绥 存 或 是 按 之 前 讲 到 的 着 色 器 蔡 换 技术 ， 选 取 需 
要 的 不 透明 物体 ， 并 使 用 它 投射 阴影 时 使 用 的 Pass《〈 即 LightMode 被 设 
置 为 ShadowCaster 的 Pass， 详 见 9.4 节 ) 来 得 到 深度 纹理 。 如 果 Shader 中 
不 包含 这 样 一 个 Pass， 那 么 这 个 物体 就 不 会 出 现在 深度 纹理 中 (当然 ， 
它 也 不 能 向 其 他 物体 投射 阴影 ) 。 深 度 纹理 的 精度 通常 是 24 位 或 16 位 ， 
这 取决 于 使 用 的 深度 缓存 的 精度 。 如 果 选 择 生 成 一 张 深 度 + 法 线 纹 理 ， 
Unity 会 创建 一 张 和 屏 幕 分 辨 率 相 同 、 精 度 为 32 位 〈 每 个 通道 为 8 位 ) 的 
纹理 ， 其 中 观察 空间 下 的 法 线 信 息 会 被 编码 进 纹理 的 R 和 G 通 道 ， 而 深 
度 信 息 会 被 编码 进 B 和 A 通 道 。 法 线 信息 的 获取 在 延迟 泻 染 中 是 可 以 非 
党 容易 就 得 到 的 ，Unity 只 需要 合并 深度 和 法 线 绥 存 即 可 。 而 在 前 问 泻 
染 中 ， 默 认 情 况 下 是 不 会 创建 法 线 缓存 的 ， 因 此 Unity 底 层 使 用 了 一 个 
单独 的 Pass 把 整个 场景 再 次 泻 染 一 过 来 完成 。 这 个 Pass 被 包含 在 Unity 内 
置 的 一 个 Unity Shader 中 ， 我 们 可 以 在 内 置 的 builtin_shaders- 
XXX/DefaultResources/Camera-DepthNormalTexture.shader 文 件 中 找到 这 个 
用 于 演 染 深度 和 法 线 信息 的 Pass。 





























13.1.2 如何 获取 


在 Unity 中 ， 获 取 深 度 纹 理 是 非常 简单 的 ， 我 们 只 需要 告诉 
Unity: “ 另 ， 把 深度 纹理 给 我 ! ”然后 再 在 Shader 中 直接 访问 特定 的 纹理 
属性 即 可 。 这 个 与 Unity 沟 通 的 过 程 是 通过 在 脚本 中 设置 摄像 机 的 
depthTextureMode 来 完成 的 ， 例 如 我 们 可 以 通过 下 面 的 代码 来 获取 深度 





纹理 : 


camera.depthTextureMode = DepthTextureMode .Depth ; 


一 且 设 置 好 了 上 面 的 摄像 机 模式 后 ， 我 们 就 可 以 在 Shader 中 通过 声 
明 _CameraDepthTexture 变 量 来 访问 它 。 这 个 过 程 非 常 简单 ， 但 我 们 需要 
知道 这 两 行 代码 的 背后 ，Unity 为 我 们 做 了 许多 工作 见 13.1.1 节 )。 


同 理 ， 如 果 想 要 获取 深度 + 法 线 纹 理 ， 我 们 只 需要 在 代码 中 这 样 设 


camera.depthTextureMode = DepthTextureMode.DepthNormals; 


然后 在 Shader 中 通过 声明 _CameraDepthNormalsTexture 变 量 来 访问 
ee 

我 们 还 可 以 组 合 这 些 模式 ， 让 一 个 摄像 机 同时 产生 一 张 深度 和 深度 
+ 法 线 纹理 : 





camera.depthTextureMode |= DepthTextureMode .Depth ; 
camera.depthTextureMode |= DepthTextureMode .DepthNormals ; 





在 Unity 5 中 ， 我 们 还 可 以 在 摄像 机 的 Camera 组 件 上 看 到 当前 摄像 机 
是 否 需 要 演 染 深度 或 深度 + 法 线 纹理 。 当 在 Shader 中 访问 到 深度 纹理 
_CameraDepthTexture 后 ， 我 们 就 可 以 使 用 当前 像素 的 纹理 坐标 对 它 进行 
采样 。 绝 大 多 数 情况 下 ， 我 们 直接 使 用 tex2D 函 数 采 样 即 可 ， 但 在 某 些 
平台 (例如 PS3 和 PSP2)〉 上 ， 我 们 需要 一 些 特殊 处 理 。Unity 为 我 们 提供 
了 一 个 统一 的 宏 SAMPLE_DEPTH_TEXTURE， 用 来 处 理 这 些 由 于 平台 
差异 造成 的 问题 。 而 我 们 只 需要 在 Shader 中 使 用 
SAMPLE_DEPTH_TEXTURE 宏 对 深度 纹理 进行 采样 ， 例 如 : 


float d = SAMPLE DEPTH TEXTURE( CameraDepthTexture, i.uv); 











[LU 


其 中 ，iuv 是 一 个 float2 类 型 的 变量 ， 对 应 了 当前 像素 的 纹理 坐标 。 
类 似 的 宏 还 有 SAMPLE _DEPTH TEXTURE _ PROJ 和 
SAMPLE DEPTH_ TEXTURE LOD。SAMPLE _DEPTH 
TEXTURE_PROJ 宏 同样 接受 两 个 参数 一 一 深度 纹理 和 一 个 float3 或 float4 
类 型 的 纹理 坐标 ， 它 的 内 部 使 用 了 tex2Dproj 这 样 的 函数 进行 投影 纹理 采 
样 ， 纹 理 坐 标的 前 两 个 分 量 首先 会 除 以 最 后 一 个 分 量 ， 再 进行 纹理 采 
样 。 如 果 提 供 了 第 四 个 分 量 ， 还 会 进行 一 次 比较 ， 通 常用 于 阴影 的 实现 
中 。SAMPLE _DEPTH TEXTURE PROJ 的 第 二 个 参数 通常 是 由 顶点 着 
色 器 输出 插值 而 得 的 屏幕 坐标 ， 例 如 : 











float d = SAMPLE DEPTH TEXTURE PROJ( CameraDepthTexture, UNITY PROJ COORD( 
i.scrPos)); 





其 中 ，i.scrPos 是 在 顶点 着 色 器 中 通过 调用 ComputeScreenPos(0.pos) 
得 到 的 屏幕 坐标 。 上 述 这 些 宏 的 定义 ， 读 者 可 以 在 Unity 内 置 的 
HLSLSupport.cginc 文 件 中 找到 。 


当 通 过 纹理 采样 得 到 深度 值 后 ， 这 些 深度 值 往往 是 非 线性 的 ， 这 种 
非 线性 来 目 于 透视 投影 使 用 的 裁 勇 窍 阵 。 然 而 ， 在 我 们 的 计算 过 程 中 通 
常 是 需要 线性 的 深度 值 ， 也 就 是 说 ， 我 们 需要 把 投影 后 的 深度 值 变 换 到 
线性 空间 下 ， 例 如 视角 空间 下 的 深度 值 。 那 么 ， 我 们 应 该 如 何 进行 这 个 
转换 呢 ? 实 际 上 ， 我 们 只 需要 倒 推 顶点 变换 的 过 程 即 可 。 下 面 我 们 以 透 
0 
深度 值 。 


由 4.6.7 节 可 知 ， 当 我 们 使 用 透视 投影 的 裁 筋 矩阵 了 uip 对 视角 空间 
下 的 一 个 顶点 进行 变换 后 ， 珍 勇 空间 下 顶点 的 z 和 w 分 量 为 : 











Far+Near 2:Near: Far 
大 一 一 
Sup View par—Near Far—Near 


Welip = 一 Zpiew 


其 中 ，Far 和 Near 分 别 是 远近 锋芒 平面 的 距离 。 然 后 ， 我 们 通过 齐 
次 除法 就 可 以 得 到 NDC 下 的 z 分 量 : 


Zcip Far+ Near 2 .Nea7r .ar 





Zi = eS A 
nde wow Far—Near (Far— Near). Zview 





在 13.1.1 节 中 我 们 知道 ， 深 度 纹理 中 的 深度 值 是 通过 下 面 的 公式 由 
NDC 计 算 而 得 的 : 


d = 0.5: zngc 十 0.5 


由 上 面 的 这 些 式 子 ， 我 们 可 以 推导 出 用 q 表示 而 得 的 zyisw 的 表达 


式 : 
由 1 
Zview ™ Far — Near 2 
Near :Far Near 


由 于 在 Unity 使 用 的 视角 空间 中 ， 摄 像 机 正 同 对 应 的 z 值 均 为 负 值 ， 
0 我 们 需要 对 上 面 的 结果 取 反 ， 最 后 得 
针 、 结果 D0 下: 


view ~ Near — Far ) 网 1 
Near : Far Near 


Z 


它 的 取 值 范围 就 是 视 锥 体 深 度 范围 ， 即 [Near, Far]。 如 果 我 们 想 得 
到 范围 在 [0, 1] 之 间 的 深度 值 ， 只 需要 把 上 面 得 到 的 结果 除 以 Far 即 可 。 
这 样 ，0 就 表示 该 点 与 摄像 机 位 于 同一 位 置 ，1 表 示 该 点 位 于 视 锥 体 的 远 
裁剪 平面 上 。 结 果 如 下 : 


201 一 Near 二 Far Far 
Near Near 





幸运 的 是 ，Unity 提 供 了 两 个 辅助 函数 来 为 我 们 进行 上 述 的 计算 过 
程 LinearEyeDepth 和 Linear01Depth。LinearEyeDepth 人 负责 把 深度 纹 
理 的 采样 结果 转换 到 视角 空间 下 的 深度 值 ， 也 就 是 我 们 上 面 得 到 的 icw 
。 而 Linear01Depth 则 会 返回 一 个 范围 在 [0，1] 的 线性 深度 值 ， 也 就 是 我 
们 上 面 得 到 的 z 01 。 这 两 个 函数 内 部 使 用 了 内 置 的 _ZBufferParams 变 量 来 
得 到 远近 裁剪 平面 的 距离 。 


如 果 我 们 需要 获取 深度 + 法 线 纹 理 ， 可 以 直接 使 用 tex2D 函 数 对 
_CameraDepthNormalsTexture 进 行 采 样 ， 得 到 里 面 存储 的 深度 和 法 线 信 
四 。Unity 提 供 了 辅助 函数 来 为 我 们 对 这 个 采样 结果 进行 解码 ， 从 而 得 
到 深度 值 和 法 线 方 回 。 这 个 函数 是 DecodeDepthNormal， 它 在 
UnityCG.cginc 里 被 定义 : 











inline void DecodeDepthNormal( float4 enc, out float depth, out float3 nor 
mal ) 
{ 


depth = DecodeFloatRG (enc.zw); 


normal = DecodeViewNormalStereo (enc); 





DecodeDepthNormal 的 第 一 个 参数 是 对 深度 + 法 线 纹理 的 采样 结 
这 个 采样 结果 是 Unity 对 深度 和 法 线 信 息 编码 后 的 结果 ， 它 的 xy 分 量 存 
储 的 是 视角 空间 下 的 法 线 信 息 ， 而 深度 信息 被 编码 进 了 zw 分 量 。 通 过 调 
用 DecodeDepthNormal 函 数 对 采样 结果 解码 后 ， 我 们 就 可 以 得 到 解码 后 
的 深度 值 和 法 线 。 这 个 深度 值 是 范围 在 [0, 1] 的 线性 深度 值 〈 这 与 单独 的 
深度 纹理 中 存储 的 深度 值 不 同 ) ， 而 得 到 的 法 线 则 是 视角 空间 下 的 法 线 
方 辐 。 同 样 ， 我 们 也 可 以 通过 调用 DecodeFloatrRG 和 
DecodeViewNormalStereo 来 解码 深度 + 法 线 纹理 中 的 深度 和 法 线 信 息 。 


至 此 ， 我 们 已 经 学 会 了 如 何在 Unity 里 获取 及 使 用 深度 和 法 线 纹 
理 。 下 面 ， 我 们 会 学 习 如 何 使 用 它们 实现 各 种 屏幕 特效 。 


13.1.3 ”查看 深度 和 法 线 纹理 


很 多 时 候 ， 我 们 希望 可 以 查看 生成 的 深度 和 法 线 纹理 ， 以 便 对 
Shader 进 行 调 试 。Unity 5 提供 了 一 个 方便 的 方法 来 查看 摄像 机 生成 的 深 
度 和 法 线 纹理 ， 这 个 方法 就 是 利用 帧 调试 器 (Frame Debugger) 。 图 
13.3 显 示 了 使 用 帧 调试 器 查看 到 的 深度 纹理 和 深度 + 法 线 纹理 。 




















A 图 13.3 ”使 用 Frame Debugger 查 看 深度 纹理 ( 左 ) 和 深度 + 法 线 纹理 ( 右 ) 。 如 果 当 前 摄像 机 
需要 生成 深度 和 法 线 纹理 ， 帧 调试 器 的 面板 中 就 会 出 现 相应 的 演 染 事件 。 只 要 单 击 对 应 的 事件 
就 可 以 查看 得 到 的 深度 和 法 线 纹理 


使 用 帧 调试 右 碍 看 到 的 深度 纹理 是 非 线性 空间 的 深度 值 ， 而 深度 
+ 法 线 纹理 都 是 由 Unity 编 码 后 的 结 末 。 有 时 ， 显 示 出 线性 空间 下 的 深度 
言 息 或 解码 后 的 法 线 方向 会 更 加 有 用 。 此 时 ， 我 们 可 以 自行 在 片 元 着 色 
器 中 输出 转换 或 解码 后 的 深度 和 法 线 值 ， 如 图 13.4 所 示 。 输 出 代码 非常 
简单 ， 我 们 可 以 使 用 类 似 下 面 的 代码 来 输出 线性 深度 值 : 


























float depth = SAMPLE _ DEPTH_ TEXTURE(_ CameraDepthTexture, i.uv); 
float linearDepth = Linear@1lDepth(depth); 
return fixed4(linearDepth, linearDepth, linearDepth, 1.06); 





或 是 输出 法 线 方 同 : 


fixed3 normal = DecodeViewNormalStereo(tex2D(_ CameraDepthNormalsTexture, i 
.UV) .xy); 


return fixed4(normal * 06.5 + 60.5, 1.0); 














在 查看 深度 纹理 时 ， 读 者 得 到 的 画面 有 可 能 几乎 是 全 黑 或 全 白 的 。 
这 时 候 读 者 可 以 把 摄像 机 的 远 裁 前 平面 的 距离 〈Unity 默 认为 1 000) 调 
小 ， 使 视 锥 体 的 范围 刚好 履 盖 场景 的 所 在 区 域 。 这 是 因为 ， 由 于 投影 变 
换 时 需要 才 兰 从 近 裁 勇平 面 到 远 裁 勇平 面 的 所 有 深度 区 域 ， 当 远 裁 甬 平 
面 的 距离 过 大 时 ， 会 导致 离 摄像 机 较 近 的 距离 被 映射 到 非常 小 的 深度 
值 ， 如 果 场 景 是 一 个 封闭 的 区 域 (如 图 13.4 所 示 〉， 那 么 这 就 会 导致 画 
面 看 起 来 几乎 是 全 黑 的 。 相 反 ， 如 果 场 景 是 一 个 开放 区 域 ， 且 物体 离 摄 
像 机 的 距离 较 远 ， 就 会 导致 画面 几乎 是 全 白 的 。 

















和 图 134 左边 线性 空间 下 的 深度 纹理 有 边 ， 解码 后 并 有 被 取 射 到 [0, 范围 内 的 视角 空间 
下 的 法 线 纹理 


二 


13.2 ”再 谈 运 动 模糊 


在 12.6 节 中 ， 我 们 学 习 了 如 何 通过 混合 多 张 a 
糊 的 效果 。 但 是 ， 另 一 种 应 用 更 加 广泛 的 技术 则 是 使 用 速度 映射 图 。 
度 映射 图 中 存储 了 每 个 像素 的 速度 ， 
问 和 大 小 。 速 度 缓冲 的 生成 有 多 种 方法 ， 一 种 方法 是 把 场景 中 所 有 物体 
的 速度 泻 染 到 一 张 纹 理 中 。 但 这 种 方法 的 缺点 在 于 需要 修改 场景 中 所 有 
ee 使 其 添加 计算 速度 的 代码 并 输出 到 一 个 演 染 纹理 











《GPU Gems3》 在 第 27 章 
(http://http.developer.nvidia.com/GPUGems3/gpugems3_ch27.html ) 中 介 
绍 了 一 种 生成 速度 映射 图 的 方法 。 这 种 方法 利用 深度 纹理 在 片 元 着 色 器 
中 为 每 个 像素 计算 其 在 世界 空间 下 的 位 置 ， 这 是 通过 使 用 当前 的 视角 * 
投影 窍 阵 的 逆 矩 阵 对 NDC 下 的 顶点 坐标 进行 变换 得 到 的 。 当 得 到 世界 空 
间 中 的 顶点 坐标 后 ， 我 们 使 用 前 一 帧 的 视角 * 投 影 矩 阵 对 其 进行 变换 ， 
得 到 该 位 置 在 前 一 帧 中 的 NDC 坐 标 。 然 后 ， 我 们 计算 前 一 帧 和 当前 帧 的 
位 置 差 ， 生 成 该 像素 的 速度 。 这 种 方法 的 优点 是 可 以 在 一 个 屏幕 后 处 理 
步骤 中 完成 整个 效果 的 模拟 ， 但 缺点 是 需要 在 片 元 着 色 器 中 进行 两 次 托 
阵 乘 法 的 操作 ， 对 性 能 有 所 影响 。 


为 了 使 用 深度 纹理 模拟 运动 模糊 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_13_2。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 A 在 Window -Lighting Skybox 中 去 挥 场景 中 的 
天 空 使 


(2) 我们 需要 搭建 一 个 测试 运动 模糊 的 场景 。 在 本 书 资源 的 实现 
中 ， 我 们 构建 了 一 个 包含 3 面 墙 的 房间 ， 并 放置 了 4 个 立方 体 ， 它 们 都 使 
用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 同 时 ， 我 们 把 本 书 资源 中 的 
Translating.cs 脚 本 拖 忠 给 摄像 机 ， 让 其 在 场景 中 不 断 运 动 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 
MotionBlurWithDepthTexture.cs。 把 该 脚本 拖 上 忠 到 摄像 机 上 。 

















(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter13-MotionBlurWithDepthTexture。 


我 们 首先 来 编写 MotionBlurWithDepthTexture.cs 脚 本 。 打 开 该 脚 
本 ， 并 进行 如 下 修改 。 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class MotionBlurWithDepthTexture : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader motionBlurShader; 
private Material motionBlurMaterial = null; 


public Material material { 
get { 
motionBlurMaterial = CheckShaderAndCreateMaterial(motionBlurShader 
， motionBlurMaterial); 
return motionBlurMaterial; 


} 








(3) 定义 运动 模糊 时 模糊 图 像 使 用 的 大 小 : 


[Range(6.6f，1.6f)] 
public float blurSize = 6.5f; 





(4) 由 于 本 节 需 要 得 到 摄像 机 的 视角 和 投影 矩阵 ， 我 们 需要 定义 
一 个 Camera 关 型 的 变量 ， 以 获取 该 脚本 所 在 的 摄像 机 组 件 : 





private Camera myCamera; 
public Camera camera { 
get { 
if (myCamera == null) { 
myCamera = GetComponent<Camera>(); 


} 


return myCamera; 





(5) 我 们 还 需要 定义 一 个 变量 来 保存 上 一 帧 摄像 机 的 视角 * 投 影 矩 


private Matrix4x4 previousViewProjectionMatrix; 





(6) 由 于 本 例 需 要 获取 摄像 机 的 深度 纹理 ， 我 们 在 脚本 的 
OnEnable 函 数 中 设置 摄像 机 的 状态 : 


void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode.Depth; 
} 





(7) 最 后 ， 我 们 实现 了 OnRenderImage 函 数 : 





void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
material.SetFloat(" BlurSize", blurSize); 


material.SetMatrix(" PreviousViewPprojectionMatrix", previousViewPr 
ojectionMatrix); 

Matrix4x4 currentViewProjectionMatrix = camera.projectionMatrix * 
camera.worldToCameraMatrix; 

Matrix4x4 currentViewProjectionInverseMatrix = currentViewpProjecti 
onMatrix.inverse; 

material.SetMatrix(" CurrentViewprojectionInverseMatrix", currentV 
iewProjectionInverseMatrix); 

previousViewProjectionMatrix = currentViewProjectionMatrix; 


Graphics.Blit (src, dest, material); 
} else { 
Graphics.Blit(src, dest); 


} 


| 


上 面 的 OnRenderImage 函 数 很 简单 ， 我 们 首先 需要 计算 和 传递 运动 
模糊 使 用 的 各 个 属性 。 本 例 需 要 使 用 两 个 变换 和 矩阵 一 一 前 一 帧 的 视角 * 
投影 矩阵 以 及 当前 帧 的 视角 * 投 影 算 阵 的 逆 和 矩阵。 因此 ， 我 们 通过 调用 
camera.worldToCameraMatrix 和 camera.projectionMatrix 来 分 别 得 到 当前 
摄像 机 的 视角 和 矩阵 和 投影 矩阵 。 对 它们 相 乘 后 取 逆 ， 得 到 当前 帧 的 视角 
*+ 投 影 矩 阵 的 逆 定 阵 ， 并 传递 给 材质 。 然 后 ， 我 们 把 取 逆 前 的 结果 存储 
在 previousViewProjectionMatrix 变 量 中 ， 以 便 在 下 一 帧 时 传递 给 材质 的 
_PreviousViewProjectionMatrix 属 性 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13- 
MotionBlurWithDepthTexture， 进 行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 











Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_BlurSize ("Blur Size", Float) = 1.6 


} 





_MainTex 对 应 了 输入 的 泻 染 纹理 ，_BlurSize 是 模糊 图 像 时 使 用 的 参 
数 。 我 们 注意 到 ， 虽 然 在 脚本 里 设置 了 材质 的 
_PreviousViewProjectionMatrix 和 _CurrentViewProjectionInverseMatrix 属 
性 ， 但 并 没有 在 Properties 块 中 声明 它们 。 这 是 因为 Unity 没 有 提供 矩阵 
0 但 我 们 仍然 可 以 在 CG 代码 块 中 定义 这 些 算 了 泗 ， 并 从 脚本 
设置 它们 。 


(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代 码 。 我 们 在 
SubShader 块 中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 





Subshader { 
CGINCLUDE 


ENDCG 


[| 
(3) 声明 代码 中 需要 使 用 的 各 个 变量 ， 








sampler2D MainTex; 

half4 MainTex TexelSize; 

sampler2D CameraDepthTexture; 

float4x4 _CurrentViewProjectionInverseMatrix; 


float4x4 _PreviousViewProjectionMatrix; 
half BlurSize; 





在 上 面 的 代码 中 ， 除 了 定义 在 Properties 声 明 的 _MainTex 和 
_BlurSize 属 性 ， 我 们 还 声明 了 其 他 三 个 变量 。_CameraDepthTexture 是 
Unity 传 递 给 我 们 的 深度 纹理 ， 而 _CurrentViewProjectionInverseMatrix 和 
_PreviousViewProjectionMatrix 是 由 脚本 传递 而 来 的 矩阵 。 除 此 之 外 ， 我 
们 还 声明 了 _MainTex_TexelSize 变 量 ， 它 对 应 了 主 纹 理 的 纹 素 大 小 ， 我 
们 需要 使 用 该 变量 来 对 深度 纹理 的 采样 坐标 进行 平台 差异 化 处 理 〈 详 见 
5.6.1 人 六) 。 


(4) 顶点 着 色 器 的 代码 和 之 前 使 用 多 次 的 代码 基本 一 致 ， 只 是 增 
加 了 专门 用 于 对 深度 纹理 采样 的 纹理 坐标 变量 : 

















struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORD6 ; 
half2 uv_depth : TEXCOORD1.; 


}; 


v2f vert(appdata img v) { 
v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV = V.texcoord ; 
o.uv_depth = v.texcoord; 


#if UNITY_UV_STARTS_AT_TOP 

if (_MainTex_ TexelSize.y < 0) 
oOo.uv_depth.y = 1 - o.uv_depth.y; 

#endif 


return o; 


由 于 在 本 例 中 ， 我 们 需要 同时 处 理 多 张 泻 染 纹理 ， 因 此 在 DirectX 
这 样 的 平台 上 ， 我 们 需要 处 理 平台 差异 导致 的 图 像 翻 转 问题 。 在 上 面 的 
代码 中 ， 我 们 对 深度 纹理 的 采样 坐标 进行 了 平台 差异 化 处 理 ， 以 便 在 类 
似 DirectX 的 平台 上 ， 在 开局 了 抗 锯齿 的 情况 下 仍然 可 以 得 到 正确 的 结 
果 。 











(5) 片 元 着 色 絮 是 算法 的 重点 所 在 : 





fixed4 frag(v2f i) : SV_ Target { 
// Get the depth buffer value at this pixel. 
float d = SAMPLE DEPTH TEXTURE( CameraDepthTexture, i.uv_depth); 
// H is the viewport position at this pixel in the range -1 to 1. 
float4 H = float4(i.uv.x* 2-1, i.uvy*2-1,d*2- 1, 1); 
// Transform by the view-projection inverse. 
float4 D = mul(_CurrentViewpProjectionInverseMatrix, H); 
// Divide by w to get the world position. 
float4 worldPos = D / D.w; 


// Current viewport position 

float4 currentPos = H; 

// Use the world position, and transform by the previous view-projecti 
on matrix. 

float4 previousPos = mul(_PreviousViewProjectionMatrix, worldPos); 

// Convert to nonhomogeneous points [-1,1] by dividing by w. 

previousPos /= previousPos.w; 


// Use this frame's position and last frame's to compute the pixel vel 
ocity. 
float2 velocity = (currentPos.xy - previousPos. xy)/2.6f; 


float2 uv = i.uv; 

float4 c = tex2D( MainTex, uv); 

UV += Velocity * BlurSize; 

for (int it = 1; it < 3; it++, UV += velocity * BlurSize) { 
float4 currentColor = tex2D( MainTex, uv); 
c += currentColor; 


} 
C= 3 


return fixed4(c.rgb, 1.06); 


| 


我 们 首先 需要 利用 深度 纹理 和 当前 帧 的 视角 * 投 影 和 矩阵 的 逆 矩 阵 来 
求 得 该 像素 在 世界 空间 下 的 坐标 。 过 程 开 始 于 对 深度 纹理 的 采样 ， 我 们 
使 用 内 置 的 SAMPLE_DEPTH_TEXTURE 宏 和 纹理 坐标 对 深度 纹理 进行 
采样 ， 得 到 了 深度 值 4 。 由 13.1.2 节 可 知 ，d 是 由 NDC 下 的 坐标 映射 而 来 
的 。 我 们 想 要 构建 像素 的 NDC 坐 标 五 ， 就 需要 把 这 个 深度 值 重 新 映射 回 
NDC。 这 个 映射 很 简单 ， 只 需要 使 用 原 映射 的 反 函数 即 可 ， 即 d * 2-1。 
同样 ，NDC 的 xy 分 量 可 以 由 像素 的 纹理 坐标 映射 而 来 《NDC 下 的 xyz 分 
量 范围 均 为 [-1 1]) 。 当 得 到 NDC 下 的 坐标 瑟 后 ， 我 们 就 可 以 使 用 当前 
帧 的 视角 * 投 影 矩 阵 的 道 窍 阵 对 其 进行 变换 ， 并 把 结果 值 除 以 它 的 w 分 
量 来 得 到 世界 空间 下 的 坐标 表示 worldPos 。 


一 旦 得 到 了 世界 空间 下 的 坐标 ， 我 们 就 可 以 使 用 前 一 帧 的 视角 * 投 
影 矩 阵 对 它 进 行 变换 ， 得 到 前 一 帧 在 NDC 下 的 坐标 previousPos。 然 后 ， 
我 们 计算 前 一 帧 和 当前 帧 在 屏幕 空间 下 的 位 置 关 ， 得 到 该 像素 的 速度 


Velocity 。 


当 得 到 该 像素 的 速度 后 ， 我 们 束 可 以 使 用 该 速度 值 对 它 的 邻 域 像素 
进行 采样 ， 相 加 后 取 平 均值 得 到 一 个 模糊 的 效果 。 采 样 时 我 们 还 使 用 了 
_BlurSsize 来 控制 采样 距离 。 


(6) 然后 ， 我 们 定义 了 运动 模糊 所 需 的 Pass: 


























Pass { 
ZTest Always Cull Off ZWrite Off 


CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 


ENDCG 





(7) 最 后 ， 我 们 关闭 了 shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter13-MotionBlurWithDepthTexture 拖 
忠 到 摄像 机 的 MotionBlur WithDepthTexture.cs 脚 本 中 的 motionBlurShader 
参数 中 。 当 然 ， 我 们 可 以 在 MotionBlurWith DepthTexture.cs 的 脚本 面板 
中 将 motionBlurShader 参 数 的 默认 值 设 置 为 Chapter13-MotionBlur 
WithDepthTexture， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 忠 了 。 


本 节 实 现 的 运动 模糊 适用 于 场景 静止 、 摄 像 机 快速 运动 的 情况 ， 这 
古 因为 我 们 在 计算 时 只 考虑 了 摄像 机 的 运动 。 因 此 ， 如 果 读 者 把 本 节 中 
的 代码 应 用 到 一 个 物体 快速 运动 而 摄像 机 静止 的 场景 ， 会 发 现 不 会 产生 
任何 运动 模糊 效果 。 如 果 我 们 想 要 对 快速 移动 的 物体 产生 运动 模糊 的 效 
果 ， 就 需要 生成 更 加 精确 的 速度 映射 图 。 读 者 可 以 在 Unity 自 带 的 
ImageEffect 包 中 找到 更 多 的 运动 模糊 的 实现 方法 。 


本 节选 择 在 片 元 着 色 器 中 使 用 逆 和 矩阵 来 重建 每 个 像素 在 世界 空间 下 
的 位 置 。 但 是 ， 这 种 做 法 往往 会 影响 性 能 ， 在 13.3 市 中 ， 我 们 会 介绍 一 
种 更 快速 的 由 深度 纹理 重建 世界 坐标 的 方法 。 








13.3 全 局 雾 效 


筋 效 (Fog) 是 游戏 里 经 常 使 用 的 一 种 效果 。Unity 内 置 的 筋 效 可 
以 产生 基于 距离 的 线性 或 指数 雾 效 。 然 而 ， 要 想 在 自己 编写 的 顶点 / 片 
元 着 色 器 中 实现 这 些 筋 效 ， 我 们 需要 在 Shader 中 添加 #pragma 
multi_compile_fog 指 令 ， 同 时 还 需要 使 用 相关 的 内 置 宏 ， 例 如 
UNITY_FOG_COORDS、UNITY_TRANSFER_FOG 和 
UNITY_APPLY _FOG 等 。 这 种 方法 的 缺点 在 于 ， 我 们 不 仅 需 要 为 场景 
中 所 有 物体 添加 相关 的 泻 染 代码 ， 而 且 能 够 实现 的 效果 也 非常 有 限 。 当 
我 们 需要 对 筋 效 进行 一 些 个 性 化 操作 时 ， 例 如 使 用 基于 高 度 的 筋 效 等 ， 
仅仅 使 用 Unity 内 置 的 筋 效 就 变 得 不 再 可 行 。 


在 本 节 中 ， 我 们 将 会 学 习 一 种 基于 屏幕 后 处 理 的 全 局 雾 效 的 实现 。 
使 用 这 种 方法 ， 我 们 不 需要 更 改 场 景 内 演 染 的 物体 所 使 用 的 Shader 代 
码 ， 而 仅仅 依靠 一 次 屏幕 后 处 理 的 步骤 即 可 。 这 种 方法 的 自由 性 很 高 ， 
我 们 可 以 方便 地 模拟 各 种 雾 效 ， 例 如 均匀 的 雾 效 、 基 于 距离 的 线性 / 指 
1 于 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 
13.5 中 的 效果 。 


























A 图 13.5 左边; 原 效果 。 右 边 : 添加 全 局 雾 效 后 的 效果 





基于 屏 医 后 处 理 的 全 局 和 雾 效 的 关键 是 ， 根 据 深度 纹理 来 重建 每 个 像 
素 在 世界 空间 下 的 位 置 。 尽 管 在 13.2 节 中 ， 我 们 在 模拟 运动 模糊 时 已 经 
实现 了 这 个 要 求 ， 即 构建 出 当前 像素 的 NDC 坐 标 ， 再 通过 当前 摄像 机 的 


视角 * 投 影 窍 阵 的 逆 符 阵 来 得 到 世界 空间 下 的 像素 坐标 ， 但 是 ， 这 样 的 
实现 需要 在 片 元 着 色 器 中 进行 窍 阵 乘法 的 操作 ， 而 这 通常 会 影响 游戏 性 
能 。 在 本 市 中 ， 我 们 将 会 学 习 一 个 快速 从 深度 纹理 中 重建 世界 坐标 的 方 
法 。 这 种 方法 首先 对 图 像 空 间 下 的 视 锥 体 揣 线 (从 摄像 机 出 肥 ， 指 向 图 
像 上 的 茶点 的 射线 ) 进行 插值 ， 这 条 射线 存储 了 该 像素 在 世界 空间 下 到 
摄像 机 的 方向 人 信息。 然后， 我们 把 该 射线 和 线性 化 后 的 视角 空间 下 的 深 
度 值 相 乘 ， 再 加 上 摄像 机 的 世界 位 置 ， 就 可 以 得 到 该 像素 在 世界 空间 下 
0 
局 筋 效 了 。 


13.3.1 重建 世界 坐标 


在 开始 动手 写 代 码 之 前 ， 我 们 首先 来 了 解 如 何 从 深度 纹理 中 重建 世 
界 坐 标 。 我 们 知道 ， 坐 标 系 中 的 一 个 顶点 坐标 可 以 通过 它 相 对 于 男 一 个 
顶点 坐标 的 偏 移 量 来 求 得 。 重 建 像 系 的 世界 坐标 也 是 基于 这 样 的 思想 。 
我 们 只 需要 知道 摄像 机 在 世界 空间 下 的 位 置 ， 以 及 世界 空间 下 该 像素 相 
对 于 摄像 机 的 偏 移 量 ， 把 它们 相 加 就 可 以 得 到 该 像 系 的 世界 坐标 。 整 个 
过 程 可 以 使 用 下 面 的 代码 来 表示 : 


float4 worldPos = WorldSpaceCameraPos + linearDepth * interpolatedRay; 


其 中 ，_WorldSpaceCameraPos 是 摄像 机 在 世界 空间 下 的 位 置 ， 这 可 
以 由 Unity 的 内 置 变量 直接 访问 得 到 。 而 linearDepth * interpolatedRay 则 
可 以 计算 得 到 该 像素 相对 于 摄像 机 的 偏 移 量 ，linearDepth 是 由 深度 纹理 
得 到 的 线性 深度 值 ，interpolatedRay 是 由 顶点 着 色 器 输出 并 插值 后 得 到 
的 射线 ， 它 不 仅 包含 了 该 像素 到 摄像 机 的 方向 ， 也 包含 了 距离 信息 。 
linearDepth 的 获取 我 们 已 经 在 13.1.2 节 中 详细 解释 过 了 ， 因 此 ， 本 节 着 
重 解 释 interpolatedRay 的 求法 。 


interpolatedRay 来 源 于 对 近 裁 剪 平 面 的 4 个 角 的 某 个 特定 回 量 的 插 
值 ， 这 4 个 同 量 包含 了 它们 到 摄像 机 的 方向 和 距离 信息 ， 我 们 可 以 利用 
摄像 机 的 近 裁 前 平面 距离 、FOV、 横 纵 比 计算 而 得 。 图 13.6 显 示 了 计算 
时 使 用 的 一 些 辅助 向 量 。 为 了 方便 计算 ， 我 们 可 以 先 计 算 两 个 同 量 一 -一 
toTop 和 toRight， 它 们 是 起 点 位 于 近 裁 前 平面 中 心 、 分 别 指向 摄像 机 正 
上 方 和 正 右 方 的 向 量 。 它 们 的 计算 公式 如 下 : 









































OI ) 
halfHeight =Near xtan\ 2 ， 
toTop =camera.up xhalfHeight 


toRight =camera.right xhalfHeight :aspect 


其 中 ，Near 是 近 裁 剪 平面 的 距离 ，FOV 是 竖 直 方向 的 视角 范围 ， 
camera.up、camera.right 分 别 对 应 了 摄像 机 的 正 上 方 和 正 右 方 。 


当 得 到 这 两 个 辅助 向 量 后 ， 我 们 就 可 以 计算 4 个 角 相 对 于 摄像 机 的 
方向 了 。 我 们 以 左上 角 为 例 〈 见 图 13.6 中 的 TL 点 ) ， 它 的 计算 公式 如 
下 : 


TL =camera.forward .Near +toTop-toRight 


读者 可 以 依靠 基本 的 矢量 运算 验证 上 面 的 结果 。 同 理 ， 其 他 3 个 角 
的 计算 也 是 类 似 的 : 


TR =camera.forward * Near +toTop+toRight 
BL =camera.forward : Near -toTop-toRight 
BR =camera.forward : Near -toTop+toRight 


注意 ， 上 面 求 得 的 4 个 癌 量 不 仅 包 含 了 方向 信息 ， 它 们 的 模 对 应 了 4 
个 点 到 摄像 机 的 空间 距离 。 由 于 我 们 得 到 的 线性 深度 值 并 非 是 点 到 摄像 
机 的 欧式 距离 ， 而 是 在 z 方向 上 的 距离 ， 因 此 ， 我 们 不 能 直接 使 用 深度 
值 和 4 个 角 的 单位 方向 的 乘积 来 计算 它们 到 摄像 机 的 偏 移 量 ， 如 图 13.7 
所 示 。 想 要 把 深度 值 转换 成 到 摄像 机 的 欧式 距离 也 很 简单 ， 我 们 以 TL 
点 为 例 ， 根 据 相 似 三 角形 原理 ，TL 所 在 的 射线 上 上， 像素 的 深度 值 和 它 
到 摄像 机 的 实际 距离 的 比 等 于 近 裁 前 平面 的 距离 和 TEL 向 量 的 模 的 比 ， 
即 





dt pth Nt Ar 
dist |TL 


由 此 可 得 ， 我 们 需要 的 TL 距 离 摄像 机 的 欧 氏 距离 dist; 





dist = 


TU 


iY EaT 


x depth 


由 于 4 个 点 相 互 对 称 ， 因 此 其 他 3 个 向 量 的 模 和 TL 相等 ， 即 我 们 可 
以 使 用 同一 个 因子 和 单位 向 量 相 乘 ， 得 到 它们 对 应 的 同 量 值 : 

















TU 
scale = 
|Near| 
TL 了 五 
Rayrr = [rd x scale, RayrR = py x scale 
B BR 
RayBpr = B70 x scale, RayBR = 1B x scale 





right 


A 图 13.6 ”计算 interpolatedRay 





4 图 13.7 采样 得 到 的 深度 值 并 非 是 点 到 摄像 机 的 欧式 距离 


屏幕 后 处 理 的 原理 是 使 用 特定 的 材质 去 泻 染 一 个 刚好 填充 整个 屏幕 
的 四 边 形 面 片 。 这 个 四 边 形 面 片 的 4 个 顶点 就 对 应 了 近 裁 前 平面 的 4 个 
角 。 因 此 ， 我 们 可 以 把 上 面 的 计算 结果 传递 给 顶点 着 色 器 ， 顶 点 着 色 器 
根据 当前 的 位 置 选择 它 所 对 应 的 同 量 ， 然 后 再 将 其 输出 ， 经 插值 后 传递 
给 片 元 着 色 器 得 到 interpolatedRay， 我 们 就 可 以 直接 利用 本 节 一 开始 提 
到 的 公式 重建 该 像素 在 世界 空间 下 的 位 置 了 。 


13.3.2” 雾 的 计算 


在 简单 的 筋 效 实现 中 ， 我 们 需要 计算 一 个 筋 效 系数 !， 作 为 混合 原 
始 颜色 和 筋 的 颜色 的 混合 系数 : 


float3 afterFog = f * fogColor + (1 - f) * origColor; 


这 个 筋 效 系数 {有 很 多 计算 方法 。 在 Unity 内 置 的 筋 效 实现 中 ， 支 持 
三 种 雾 的 计算 方式 一 一 线性 (Linear) 、 指 数 (Exponential) 以 及 指数 
的 平方 (Exponential Squared) 。 当 给 定 距 离 z 后 ，f 的 计算 公式 分 别 如 
下 : 





























Linear: 


dmaz |z| 


大 = 口 乡 用 
drmas Umin 》 dmin 和 qd、 分 别 表示 受 雾 影 啊 的 最 小 距离 和 最 大 








距离 。 
Exponential: 
f=。““]，d 是 控制 雾 的 浓度 的 参数 。 


Exponential Squared : 
f=e “1 ，d 是 控制 雾 的 浓度 的 参数 。 


在 本 世 中， 我 们 将 使 用 类 似 线性 雪 的 计算 方式 ， 计 算 基 于 高 度 的 筋 
效 。 有 具体 方法 是 ， 当 给 定 一 点 在 世界 空间 下 的 高 度 y 后 ，f 的 计算 公式 








end 一 1 
”天 并 天机， 及 we 和 及。 分别 表示 受 雾 影响 的 起 始 高 度 和 终 











13.3.3 ”实现 


大 I 我 们 需要 进行 如 下 准 
LL.1Es 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_13_3。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
局 订 Rs 在 Window -< Lighting -< Skybox 中 去 掉 场 景 中 的 
太空 盒 


(2) 我 们 需要 搭建 一 个 测试 筋 效 的 场景 。 在 本 书 资源 的 实现 中 ， 
我 们 构建 了 一 个 包含 3 面 墙 的 房间 ， 并 放置 了 两 个 立方 体 和 两 个 球体 ， 
它们 都 使 用 了 我 们 在 9.5 市 中 创建 的 标准 材质 。 同 时 ， 我 们 把 本 书 资 源 
中 的 Translating.cs 脚 本 拖 电 给 摄像 机 ， 让 其 在 场景 中 不 断 运动 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 
FogWithDepthTexture.cs。 把 该 脚本 拖 忠 到 摄像 机 上 。 











(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter13-FogWithDepthTexture。 


我 们 首先 来 编写 FogWithDepthTexture.cs 脚 本 。 打 开 该 脚本 ， 并 进行 
如 下 修改 。 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class FogWithDepthTexture : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader fogShader; 
private Material fogMaterial = null; 


public Material material { 


get { 
fogMaterial = CheckShaderAndCreateMaterial(fogShader, fogMaterial) 


return fogMaterial; 





(3) 在 本 节 中 ， 我 们 需要 获取 摄像 机 的 相关 参数 ， 如 近 裁 前 平面 
的 距离 、FOV 等 ， 同 时 还 需要 获取 摄像 机 在 世界 空间 下 的 前 方 、 上 方 和 
右 方 等 方向 ， 因 此 我 们 用 两 个 变量 存储 摄像 机 的 Camera 组 件 和 
Transform 组 件 : 








private Camera myCamera; 
public Camera camera { 
get { 
if (myCamera == null) { 
myCamera = GetComponent<Camera>(); 


} 


return myCamera; 


private Transform myCameraTransform; 
public Transform cameraTransform { 


get { 
if (myCameraTransform == null) { 
myCameraTransform = camera.transform; 
} 


return myCameraTransform; 





(4) 定义 模拟 雾 效 时 使 用 的 各 个 参数 : 


[Range(6.6f，3.6f)] 
public float fogDensity = 1.6f; 


public Color fogColor = Color.white; 


public float fogStart = 6.6f; 
public float fogEnd = 2.6f; 





fogDensity 用 于 控制 筋 的 浓度 ，fogColor 用 于 控制 圾 的 颜色 。 我 们 使 
用 的 雪 效 模拟 函数 是 基于 高 度 的 ， 因 此 参数 fogStart 用 于 控制 筋 效 的 起 
台 局 上 度 ，fogEnd 用 于 控制 筋 效 的 终止 高 度 。 


(5) 由 于 本 例 需要 获取 摄像 机 的 深度 纹理 ， 我 们 在 脚本 的 
OnEnable 函 数 中 设置 摄像 机 的 相应 状态 : 





void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode.Depth; 


} 





(6) 最 后 ， 我 们 实现 了 OnRenderImage 函 数 : 





void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
Matrix4x4 frustumCorners = Matrix4x4.identity; 


p; 


ght; 


oTop; 


float fov = camera.fieldOfView; 
float near = camera.nearClipplane; 
float far = camera.farClipPplane; 
float aspect = camera.aspect; 


float halfHeight = near * Mathf.Tan(fov * 60.5f * Mathf.Deg2Rad); 
Vector3 toRight = cameraTransform.right * halfHeight * aspect; 
Vector3 toTop = cameraTransform.up * halfHeight; 

Vector3 topLeft = cameraTransform.forward * near + toTop - toRight 


float scale = topLeft.magnitude / near; 


topLeft.Normalize(); 
topLeft *= scale,; 


Vector3 topRight = cameraTransform.forward * near + toRight + toTo 


topRight.Normalizel( ); 
topRight *= scale; 


Vector3 bottomLeft = cameraTransform.forward * near - toTop - toRi 


bottomLeft.Normalize(); 
bottomLeft *= scale; 


Vector3 bottomRight = cameraTransform.forward * near + toRight - t 


bottomRight.Normalize(); 
bottomRight *= scale; 


frustumCorners.SetRow(0@, bottomLeft); 
frustumCorners.SetRow(1, bottomRight); 
frustumCorners.SetRow(2, topRight); 
frustumCorners.SetRow(3, topLeft); 


material.SetMatrix("_ FrustumCornersRay", frustumCorners); 
material.SetMatrix(" ViewprojectionInverseMatrix", (camera.project 


ionMatrix * 


camera.worldToCameraMatrix).inverse); 


material.SetFloat(" FogDensity", fogDensity); 
material.SetColor(" FogColor", fogColor); 
material.SetFloat(" FogStart", fogStart); 
material.SetFloat(" FogEnd", fogEnd); 


Graphics.Blit (src, dest, material); 
} else { 
Graphics.Blit(src, dest); 


} 





OnRenderImage 首 先 计 算 了 近 裁 前 平面 的 四 个 角 对 应 的 向 量 ， 并 把 
它们 存储 在 一 个 矩阵 类 型 的 变量 〈frustumCorners) 中 。 计 算 过 程 我 们 
己 经 在 13.3.1 节 中 详细 解释 过 了 ， 代 码 只 是 套用 了 之 前 讲 过 的 公式 而 
己 。 我 们 按 一 定 顺 序 把 这 四 个 方 同 存储 到 了 frustumCorners 不 同 的 行 
中 ， 这 个 顺序 是 非常 重要 的 ， 因 为 这 决定 了 我 们 在 顶点 着 色 器 中 使 用 哪 
一 行 作为 该 点 的 竺 插值 回 量 。 随 后 ， 我 们 把 结果 和 其 他 参数 传递 给 材 
质 ， 并 调用 Graphics.Blit (src, dest material) 把 演 染 结果 显示 在 屏幕 上 。 





下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13- 
FogWithDepthTexture， 进 行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_FogDensity ("Fog Density", Float) = 1.6 
_FogColor ("Fog Color", Color) = (1, 1, 1, 1) 
_FogStart ("Fog Start", Float) = 0.6 
_FogEnd ("Fog End", Float) = 1.6 

} 





(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 
SubShader 块 中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 








(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 


float4x4 _FrustumCornersRay; 


sampler2D MainTex; 

half4 MainTex TexelSize; 
sampler2D CameraDepthTexture; 
half _FogDensity; 

fixed4 FogColor; 

float FogStart; 

float _FogEnd; 





_FrustumCornersRay 虽 然 没 有 在 Properties 中 声明 ， 但 仍 可 由 脚本 传 
递 给 Shader。 除 了 Properties 中 声明 的 各 个 属性 ， 我 们 还 声明 了 深度 纹理 
_CameraDepthTexture，Unity 会 在 背后 把 得 到 的 深度 纹理 传递 给 该 值 。 


(4) 定义 顶点 着 色 器 : 





struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORD6 ; 
half2 uv_depth : TEXCOORD1.; 
float4 interpolatedRay : TEXCOORD2; 


}; 


v2f vert(appdata img v) { 
v2f o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


O.UV = V.texcoord ; 
Oo.uv_depth = v.texcoord; 


#if UNITY_UV_STARTS_AT_TOP 

if (_MainTex TexelSize.y < 0) 
Oo.uv_depth.y = 1 - o.uv_depth.y; 

#endif 


int index = ©; 

if (v.texcoord.x < 80.5 && v.texcoord.y < 860.5) { 
index = 0; 

} else if (v.texcoord.x > 6.5 && v.texcoord.y < 86.5) { 
index = 1; 

} else if (v.texcoord.x > 6.5 && v.texcoord.y > 6.5) { 


index = 2; 
} else { 
index = 3; 
} 
#if UNITY UV_STARTS AT_TOP 
if ( MainTex TexelSize.y < 6) 
index = 3 - index; 
#endif 


o.interpolatedRay = _FrustumCornersRay[index]; 


return o; 





在 v2f 结 构 体 中 ， 我 们 除了 定义 顶点 位 置 、 屏 幕 图 像 和 深度 纹理 的 





纹理 坐标 外 ， 还 定义 了 interpolatedRay 变 量 存储 插值 后 的 像素 向 量 。 在 
顶点 着 色 嚣 中， 我 们 对 深度 纹理 的 采样 坐标 进行 了 平台 差异 化 处 理 。 更 
重要 的 是 ， 我 们 要 决定 该 点 对 应 了 4 个 角 中 的 哪个 角 。 我 们 采用 的 方法 
是 判断 它 的 纹理 坐标 。 我 们 知道 ， 在 Unity 中 ， 纹 理 坐 标的 (0, 0) 点 对 应 
了 左下 和 角 ， 而 (1, 1) 点 对 应 了 右上 角 。 我 们 据 此 来 判断 该 顶点 对 应 的 索 
引 ， 这 个 对 应 关系 和 我 们 在 脚本 中 对 frustumCorners 的 赋值 顺序 是 一 臻 
的 。 实 际 上 ， 不 同 平台 的 纹理 坐标 不 一 定 是 满足 上 面 的 条 件 的 ， 例 如 
DirectX 和 Metal 这 样 的 平台 ， 左 上 角 对 应 了 (0, 0) 点 ， 但 大 多 数 情况 下 
Unity 会 把 这 些 平台 下 的 屏幕 图 像 进行 翻转 ， 因 此 我 们 仍然 可 以 利用 这 

个 条 件 。 但 如 果 在 类 似 DirectX 的 平台 上 开启 了 抗 锯 具 ，Unity 就 不 会 进 
行 这 个 瘟 转 。 为 了 此 时 仍然 可 以 得 到 相应 顶点 位 置 的 索引 值 ， 我 们 对 索 
引 值 也 进行 了 平台 差异 化 处 理 〈 详 见 5.6.1 节 ) ， 以 便 在 必要 时 也 对 索引 
值 进行 翻转 。 最 后 ， 我 们 使 用 索引 值 来 获取 _FrustumCormnersRay 中 对 应 
的 行 作 为 该 顶点 的 interpolatedRay 值 。 


尽管 我 们 这 里 使 用 了 很 多 判断 语句 ， 但 由 于 屏幕 后 处 理 所 用 的 模型 
只 包含 4 个 顶点 ， 因 此 这 些 操作 不 会 对 性 能 造成 很 


(5) 我 们 定义 了 片 元 着 色 吉 来 产生 家 效 : 




















fixed4 frag(v2f i) : SV_Target { 
float linearDepth = LinearEyeDepth(SAMPLE DEPTH_ TEXTURE(_CameraDepthTe 


xture, i. uv_depth)); 
float3 worldPos = WorldSpaceCameraPos + linearDepth * i.interpolatedR 
ay .xyz; 


float fogDensity = (_FogEnd - worldPos.y) / (_FogEnd - FogStart); 
fogDensity = saturate(fogDensity * FogDensity); 


fixed4 finalColor = tex2D( MainTex, i.uv); 
finalColor.rgb = lerp(finalColor.rgb, _FogColor.rgb, fogDensity); 


return finalColor; 








首先 ， 我 们 需要 重建 该 像素 在 世界 空间 中 的 位 置 。 为 此 ， 我 们 首先 
使 用 SAMPLE_DEPTH _ TEXTURE 对 深度 纹理 进行 采样 ， 再 使 用 
LinearEyeDepth 得 到 视角 空间 下 的 线性 深度 值 。 之 后 ， 与 interpolatedRay 
A 即 可 得 到 世界 空间 下 的 位 





得 到 世界 坐标 后 ， 模 拟 筋 效 就 变 得 非常 容易 。 在 本 例 中 ， 我 们 选择 
实现 基于 高 度 的 筋 效 模拟 ， 计 算 公 式 可 参见 13.3.2 节 。 我 们 根据 材质 属 
性 _FogEnd 和 _FogStart 计 算 当 前 的 像素 高 度 worldPos.y 对 应 的 筋 效 系数 
fogDensity， 再 和 参数 _FogDensity 相 乘 后 ， 利 用 saturate 函 数 截 取 到 [0, 1] 





范围 内 ， 8 然后 ， 我 们 使 用 该 系数 将 筋 的 磊 色 和 原 
始 颜 色 进 行 混 合 。 读 者 也 可 以 使 用 不 同 的 公式 来 实现 其 他 种 类 的 
雾 交 


(6) 随后 ， 我 们 定义 了 委 效 泻 染 所 需 的 Pass: 


ZTest Always Cull Off ZWrite Off 
CGPROGRAM 


#pragma vertex vert 


#pragma fragment frag 


ENDCG 





(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter13-FogWithDepthTexture 拖 电 到 摄 
像 机 的 FogWithDepthTexture.cs 脚 本 中 的 fogShader 参 数 中 。 当 然 ， 我 们 
可 以 在 FogWithDepthTexture.cs 的 脚本 面板 中 将 fogShader 参 数 的 默认 值 
设置 为 Chapter13-FogWithDepthTexture， 这 样 就 不 需要 以 后 使 用 时 每 次 
都 手动 拖 暇 了 。 


本 节 介 绍 的 使 用 深度 纹理 重建 像素 的 世界 坐标 的 方法 是 非常 有 用 

的 。 但 需要 注意 的 是 ， 这 里 的 实现 是 基于 摄像 机 的 投影 类 型 是 透视 投影 
的 前 提 下 。 如 采 需 要 在 正 交 投影 的 情况 下 重建 世界 坐标 ， 需 要 使 用 不 同 
的 公式 ， 但 请 读者 相信 ， 这 个 过 程 不 会 比 透视 投 影 的 情况 更 加 复杂 。 有 
兴趣 的 读者 可 以 答 试 自行 推导 ， 或 参考 这 篇 博客 

(http:/www.derschmale.com/2014/03/19/reconstructing- positions-from- 
the-depth-buffer-pt-2-perspective-and-orthographic-general-case/ ) 来 实 
现 。 














13.4 ”再 谈 边 缘 检 测 


在 12.3 节 中 ， 我 们 曾 介 绍 如 何 使 用 Sobel 算 子 对 屏幕 图 像 进行 边缘 检 
测 ， 实 现 描 边 的 效果 。 但 是 ， 这 种 直接 利用 颜色 信息 进行 边缘 检测 的 方 
法 会 产生 很 多 我 们 不 希望 得 到 的 边缘 线 ， 如 图 13.8 所 示 。 


可 以 看 出 ， 物 体 的 纹理 、 阴 影 等 位 置 也 被 描 上 黑 边 ， 而 这 往往 不 是 
我 们 希望 看 到 的 。 在 本 节 中 ， 我 们 将 学 习 如 何在 深度 和 法 线 纹理 上 进行 
边缘 检测 ， 这 些 图 像 不 会 受 纹理 和 光照 的 影响 ， 而 仅仅 保存 了 当前 洽 染 
物体 的 模型 信息 ， 通 过 这 样 的 方式 检测 出 来 的 边缘 更 加 可 靠 。 在 学 习 完 
本 节 后 ， 我 们 可 以 得 到 类 似 图 13.9 中 的 效果 。 














A 图 13.8 ”左边 : 原 效果 ， 右 边 : 直接 对 颜色 图 像 进行 边缘 检测 的 结果 


























和 图 13.9 在 深度 和 法 线 纹理 上 进行 更 健壮 的 边缘 检测 。 左 边 : 在 原 图 上 描 边 的 效果 。 右 边 : 
只 显示 描 边 的 效果 









































与 12.3 贡 使 用 Sobel 算 子 不 同 ， 本 节 将 使 用 Roberts 算 子 来 进行 边缘 检 
测 。 它 使 用 的 卷 积 核 如 图 13.10 所 示 。 


Roberts 


国务 | 国 看 
G 


Gy 








A 图 13.10 ”Roberts 算 子 


Roberts 算 子 的 本 质 就 是 计算 左上 角 和 右 下 角 的 差 值 ， 乘 以 右上 角 和 
左下 角 的 差 值 ， 作 为 评估 边缘 的 依据 。 在 下 面 的 实现 中 ， 我 们 也 会 按 这 
样 的 方式 ， 取 对 和 角 方 回 的 深度 或 法 线 值 ， 比 较 它 们 之 间 的 差 值 ， 如 末 超 
过 某 个 国 值 《可 由 参数 控制 ) ， 就 认为 它们 之 间 存 在 一 条 边 。 


首先 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_13_ 4。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 内 首 的 大空 盒子 。 在 Window Lighting Skybox 中 去 掉 场 景 中 的 天 

守 人 人 


(2) 我 们 需要 搭建 一 个 测试 筋 效 的 场景 。 在 本 书 资 源 的 实现 中 ， 
我 们 构建 了 一 个 包含 3 面 墙 的 房间 ， 并 放置 了 两 个 立方 体 和 两 个 球体 ， 
它们 都 使 用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 同 时 ， 我 们 把 本 书 资源 
中 的 Translating.cs 脚 本 拖 暇 给 摄像 机 ， 让 其 在 场景 中 不 断 运动 。 


(3) 新 建 一 个 脚本 。 在 本 书 资 源 中 ， 该 脚本 名 为 
EdgeDetectNormalsAndDepth.cs。 把 该 脚本 拖 蝶 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter13-EdgeDetectNormalAndDepth 。 











我 们 首先 来 编写 ope De or ie eprht cs 脚本 。 该 脚本 与 12.3 
节 中 实现 的 EdgeDetection.cs 脚 本 几乎 完全 一 样 ， 只 是 添加 了 一 些 新 的 属 
性 。 为 了 完整 性 ， 我 们 再 次 说 明 对 该 脚本 进行 的 修改 。 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class EdgeDetectNormalsAndDepth : PostEffectsBase { 





(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader edgeDetectShader; 
private Material edgeDetectMaterial = null; 
public Material material { 
get { 
edgeDetectMaterial = CheckShaderAndCreateMaterial(edgeDetectShader 
， edgeDetectMaterial); 
return edgeDetectMaterial; 


} 





(3) 在 脚本 中 提供 了 调整 边缘 线 强度 描 边 颜色 以 及 背景 颜色 的 参 
添加 了 控制 采样 距离 以 及 对 深度 和 法 线 进行 边缘 检测 时 的 灵敏 





[Range(6.6f，1.6f)] 
public float edgesonly = 0.6f; 


public Color edgeColor = Color.black; 
public Color backgroundColor = Color.white; 


public float sampleDistance = 1.6f; 


public float sensitivityDepth = 1.6f; 


public float sensitivityNormals = 1.6f; 





sampleDistance 用 于 控制 对 深度 + 法 线 纹理 采样 时 ， 使 用 的 采样 距 
离 。 从 视觉 上 来 看 ，sampleDistance 值 越 大 ， 质 边 越 宽 。sensitivityDepth 
和 sensitivityNormals 将 会 影响 当 邻 域 的 深度 值 或 法 线 值 相差 多 少时 ， 会 
补 认 为 存在 一 条 边界 。 如 果 把 灵敏 度 调 得 很 大 ， 那 么 可 能 即使 是 深度 或 
法 线 上 很 小 的 变化 也 会 形成 一 条 边 。 


(4) 由 于 本 例 需 要 获取 摄像 机 的 深度 + 法 线 纹 理 ， 我 们 在 脚本 的 
OnEnable 函 数 中 设置 摄像 机 的 相应 状态 : 


void OnEnable() { 
GetComponent<Camera>().depthTextureMode |= DepthTextureMode.DepthNorma 
ls; 


} 





(5) 实现 OnRenderImage 函 数 ， 把 各 个 参数 传递 给 材质 : 


[ImageEffectOpaque] 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
material.SetFloat("_ EdgeOnly", edgesOnly); 
material.SetColor("_ EdgeColor", edgeColor); 
material.SetColor(" BackgroundColor", backgroundColor); 
material.SetFloat(" SampleDistance", sampleDistance); 
material.SetVector(" Sensitivity", new Vector4(sensitivityNormals, 


sensitivityDepth, 868.6f, 6.6f)); 


Graphics.Blit(src, dest, material); 
} else { 

Graphics.Blit(src, dest); 
} 





需要 注意 的 是 ， 这 里 我 们 为 OnRenderImage 函 数 添加 了 
[ImageEffectOpaque] 必 性。 我们 曾 在 12.1 节 中 提 到 过 该 属性 的 含义 。 在 
默认 情况 下 ，OnRenderImage 函 数 会 在 所 有 的 不 透明 和 透明 的 Pass 执 行 
完毕 后 被 调用 ， 以 便 对 场景 中 所 有 游戏 对 象 都 产生 影响 。 但 有 时 ， 我 们 
希望 在 不 透明 的 Pass〈 即 泻 染 队列 小 于 等 于 2 500 的 Pass， 内 置 的 
Background、Geometry 和 AlphaTest 演 染 队列 均 在 此 范围 内 ) 执行 完毕 后 


立即 调用 该 图 数 ， 而 不 对 透明 物体 〈 泻 染 队 列 为 Transparent 的 Pass) 产 
生 影响 ， 此 时 ， 我 们 可 以 在 OnRenderImage 函 数 前 添加 
ImageEffectOpaque 属 性 来 实现 这 样 的 目的 。 在 本 例 中 ， 我 们 只 和 希望 对 不 
ee 而 不 希望 透明 物体 也 被 摘 边 ， 因 此 需要 添加 该 属 





下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13- 
EdgeDetectNormalAndDepth， 进 行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_EdgeOnly ("Edge Only", Float) = 1.6 
_EdgeColor ("Edge Color", Color) = (6, 606, 6, 1) 
_BackgroundColor ("Background Color", Color) = (1, 1, 1, 1) 


_SampleDistance ("Sample Distance", Float) = 1.6 
_Sensitivity ("Sensitivity", Vector) = (1, 1, 1, 1) 
} 





其 中 ，_Sensitivity 的 xy 分 量 分别 对 应 了 法 线 和 深度 的 检测 灵敏 度 ， 
zw 分 量 则 没有 实际 用 途 。 


(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 
SubShader 块 中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 


Subshader { 
CGINCLUDE 


ENDCG 





(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代码 块 中 声明 对 
应 的 变量 : 


sampler2D MainTex; 
half4 MainTex TexelSize; 


fixed EdgeOnly; 

fixed4 _EdgeColor; 

fixed4 _BackgroundColor; 

float SampleDistance; 

half4 Sensitivity; 

sampler2D CameraDepthNormalsTexture; 





在 上 面 的 代码 中 ， 我 们 声明 了 需要 获取 的 深度 + 法 线 纹理 





_CameraDepthNormalsTexture。 由 于 我 们 需要 对 邻 域 像素 进行 纹理 采 


样 ， 


所 以 还 声明 了 存储 纹 素 大 小 的 变量 MainTex_TexelSize。 
(4) 定义 顶点 着 色 器 : 


struct v2f { 


}; 


float4 pos : SV_POSITION; 
half2 uv[5]: TEXCOORD6 


v2f vert(appdata img v) { 


的 第 


v2f 0o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


half2 uv = v.texcoord; 
Oo.Uv[6] = uv; 


#if UNITY_UV_STARTS_AT_TOP 


if (_MainTex_ TexelSize.y < 0) 
UV.y = 1 - uv.y; 
#endif 


.Uv[1] + MainTex TexelSize. half2(1,1) * SampleDistance; 
.Uv[2] + MainTex TexelSize. half2(-1,-1) * SampleDistance; 
.Uv[3] + MainTex TexelSize. half2(-1,1) * SampleDistance; 
.Uv[4] + MainTex TexelSize. half2(1,-1) * SampleDistance; 


return o; 





我 们 在 v2f 结 构 体 中 定义 了 一 个 维 数 为 5 的 纹理 坐标 数组 。 这 个 数组 
一 个 坐标 存储 了 屏幕 颜色 图 像 的 采样 纹理 。 我 们 对 深度 纹理 的 采样 





坐标 进行 了 平台 差异 化 处 理 ， 在 必要 情况 下 对 它 的 竖 直 方 同 进行 了 翻 
转 。 数 组 中 剩余 的 4 个 坐标 则 存储 了 使 用 Roberts 算 子 时 需要 采样 的 纹理 
坐标 ， 我 们 还 使 用 了 _SampleDistance 来 控制 采样 距离 。 通 过 把 计算 采样 
纹理 坐标 的 代码 从 片 元 着 色 器 中 转移 到 顶点 着 色 器 中 ， 可 以 减少 运算 ， 
提高 性 能 。 由 于 从 顶点 着 色 器 到 片 元 着 色 器 的 插值 是 线性 的 ， 因 此 这 样 
的 转移 并 不 会 影响 纹理 坐标 的 计算 结 


(5) 然后 ， 我 们 定义 了 片 元 着 色 器 : 





fixed4 fragRobertsCrossDepthAndNormal(v2f i) : SV Target { 
half4 sample1 = tex2D( CameraDepthNormalsTexture, i.uv[1]); 
half4 sample2 = tex2D( CameraDepthNormalsTexture, i.uv[2]); 
half4 sample3 = tex2D( CameraDepthNormalsTexture, i.uv[3]); 
half4 sample4 = tex2D( CameraDepthNormalsTexture, i.uv[4]); 


half edge = 1.6; 


edge *= CheckSame(sample1, sample2); 


edge *= CheckSame(sample3, sample4); 
fixed4 withEdgeColor = lerp(_EdgeColor, tex2D( MainTex, i.uv[86]), edge 
fixed4 onlyEdgeColor = lerp(_ EdgeColor, BackgroundColor, edge); 


return lerp(withEdgeColor, onlyEdgeColor, EdgeOnly); 





我 们 首先 使 用 4 个 纹理 坐标 对 深度 + 法 线 纹理 进行 采样 ， 再 调用 
CheckSame 函 数 来 分 别 计 算 对 角 线 上 两 个 纹理 值 的 兰 值 。CheckSame 函 
数 的 返回 值 要 么 是 0， 要 么 是 1， 返 回 0 时 表明 这 两 点 之 间 存 在 一 条 边 
界 ， 反 之 则 返回 1。 它 的 定义 如 下 : 














half CheckSame(half4 center, half4 sample) { 
half2 centerNormal = center.xy; 
float centerDepth = DecodeFloatRG(center .zw); 
half2 sampleNormal = sample.xy; 
float sampleDepth = DecodeFloatRG(sample.zw); 


// difference in normals 
// do not bother decoding normals - there's no need here 
half2 diffNormal = abs(centerNormal - sampleNormal) * Sensitivity.x; 


int isSameNormal = (diffNormal.x + diffNormal.y) < 6.1; 

// difference in depth 

float diffDepth = abs(centerDepth - sampleDepth) * Sensitivity.y; 
// scale the required threshold by the distance 

int isSameDepth = diffDepth < 6.1 * CenterDepth ; 


// return: 


// 1 - if normals and depth are similar enough 
// 6 - otherwise 


return isSameNormal * isSameDepth ? 1.0 : 60.0; 





CheckSame 首 先 对 输入 参数 进行 处 理 ， 得 到 两 个 采样 点 的 法 线 和 深 
度 值 。 值 得 注意 的 是 ， 这 里 我 们 并 没有 解码 得 到 真正 的 法 线 值 ， 而 是 直 
接 使 用 了 xy 分 量 。 这 是 因为 我 们 只 需要 比较 两 个 采样 值 之 间 的 差异 度 ， 
而 并 不 需要 知道 它们 真正 的 法 线 值 。 然 后 ， 我 们 把 两 个 采样 点 的 对 应 值 
相 减 并 取 绝 对 值 ， 再 乘 以 灵敏 度 参 数 ， 把 差异 值 的 每 个 分 量 相 加 再 和 一 
个 国 值 比 较 ， 如 果 它 们 的 和 小 于 国 值 ， 则 返回 1， 说 明 差 异 不 明显 ， 不 
存在 一 条 边界 ; 否则 返回 0。 最 后 ， 我 们 把 法 线 和 深度 的 检查 结果 相 
乘 ， 作 为 组 合 后 的 返回 值 。 























当 通 过 CheckSame 函 数 得 到 边缘 信息 后 ， 片 元 着 色 器 就 利用 该 值 进 
行 颜 色 混 合 ， 这 和 12.3 节 中 的 步骤 一 致 。 


(6) 然后 ， 我 们 定义 了 边缘 检测 雷 要 使 用 的 Pass: 


Pass { 
ZTest Always Cull Off ZWrite Off 


CGPROGRAM 


#pragma vertex vert 


#pragma fragment fragRobertsCrossDepthAndNormal 


ENDCG 





(7) 最后， 我 们 关闭 了 该 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter13-EdgeDetectNormalAndDepth 拖 
电 到 摄像 机 的 EdgeDetect NormalsAndDepth.cs 脚 本 中 的 edgeDetectShader 
参数 中 。 当 然 ， 我 们 可 以 在 EdgeDetectNormals AndDepth.cs 的 脚本 面板 
中 将 edgeDetectShader 参 数 的 默认 值 设置 为 Chapter13-EdgeDetectNormal 
AndDepth， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 扎 了 。 


本 节 实 现 的 描 边 效果 是 基于 整个 屏幕 空间 进行 的 ， 也 就 是 说 ， 场 景 
内 的 所 有 物体 都 会 被 添加 摘 边 效果 。 但 有 时 ， 我 们 希望 只 对 特定 的 物体 
进行 描 边 ， 例 如 当 玩 家 选中 场景 中 的 某 个 物体 后 ， 我 们 想 要 在 该 物体 周 
围 添 加 一 层 描 边 效果 。 这 时 ， 我 们 可 以 使 用 Unity 提 供 的 
Graphics.DrawMesh 或 Graphics.DrawMeshNow 函 数 把 需要 描 边 的 物体 再 
次 泻 染 一 过 《在 所 有 不 透明 物体 演 染 完毕 之 后 ) ， 然 后 再 使 用 本 节 提 到 
的 边缘 检测 算法 计算 深度 或 法 线 纹理 中 每 个 像素 的 梯度 值 ， 判 断 它 们 是 
售 小 于 某 个 值 ， 如 果 是 ， 就 在 Shader 中 使 用 clipO0 函 数 将 该 像素 剔除 
掉 ， 从 而 显示 出 原来 的 物体 颜色 。 

















13.5 扩展 阅读 


在 本 章 中 ， 我 们 介绍 了 如 何 使 用 深度 和 法 线 纹理 实现 诸如 全 局 稚 
效 、 边 缘 检 测 等 效果 。 尽 管 我 们 只 使 用 了 深度 和 法 线 纹理 ， 但 实际 上 我 
们 可 以 在 Unity 中 创建 任何 需要 的 缓存 纹理 。 这 可 以 通过 使 用 Unity 的 痢 
色 器 替换 (Shader Replacement) 功能 《〈 即 调用 
Camera.RenderWithShader(shader, replacementTag) 函 数 ) 把 整个 场景 再 
次 泻 染 一 过 来 得 到 ， 而 在 很 多 时 候 ， 这 实际 也 是 Unity 创 建 深度 和 法 线 
纹理 时 使 用 的 方法 。 


深度 和 法 线 纹理 在 屏幕 特效 的 实现 中 往往 扮演 了 重要 的 角色 。 许 多 
特殊 的 屏幕 效果 都 需要 依靠 这 两 种 纹理 的 帮助 。Unity 曾 在 2011 年 的 
SIGGRAPH (计算 机 图 形 学 的 顶级 会 议 ) 上 做 了 一 个 关于 使 用 深度 纹理 
实现 各 种 特效 的 演讲 (http://blogs.unity3d.com/2011/09/08/special-effects- 
with- depth-talk-at-siggraph/ ) 。 在 这 个 演讲 中 ，Unity 的 工作 人 员 解 释 了 
如 何 利用 深度 纹理 来 实现 特定 物体 的 描 边 、 角 色 护 盾 、 相 交 线 的 高 光 模 
拟 等 效果 。 在 Unity 的 Image Effect (http://docs.unity3d.com/ 
Manual/comp-ImageEffects.html ) 包 中 ， 读 者 也 可 以 找到 一 些 传 统 的 使 
用 深度 纹理 实现 屏幕 特效 的 例子 ， 例 如 屏幕 空间 的 环境 遮挡 〈Screen 
Space Ambient Occlusion，SSAO) 等 效果 。 











第 14 革 非 真 实感 演 染 


尽管 游戏 泻 染 一 般 都 是 以 照相 写实 主义 (photorealism) 作为 主要 
目标 ， 但 也 有 许多 游戏 使 用 了 非 真 实感 演 染 (Non-Photorealistic 
Rendering，NPR) 的 方法 来 演 染 游戏 画面 。 非 真实 感 泻 染 的 一 个 主要 
目标 是 ， 使 用 一 些 演 染 方法 使 得 画面 达到 和 某 些 特殊 的 绘画 风格 相似 的 
效果 ， 例 如 卡通 、 水 彩 风 格 等 。 


在 本 半 中 ， 我 们 将 会 介绍 两 种 常见 的 非 真实 感 演 染 方法 。 在 14.1 市 
中 ， 我 们 将 会 学 习 如 何 实现 一 个 包含 了 简单 漫 反 射 、 高 光 和 描 按 的 卡通 
风格 的 泻 染 效 果 。14.2 市 将 会 介绍 一 种 实时 素描 效果 的 实现 。 在 本 章 最 
后 ， 我 们 还 会 给 出 一 些 关 于 非 真 实感 演 染 的 资料 ， 读 者 可 以 在 这 些 文献 
中 找到 更 多 非 真 实感 演 染 的 实现 方法 。 
































14.1 卡通 风格 的 泻 染 


卡通 风格 是 游戏 中 常见 的 一 种 痊 染 风格 。 使 用 这 种 风格 的 游戏 画面 
通常 有 一 些 共 有 的 特点 ， 例 如 物体 都 被 黑色 的 线条 摘 边 ， 以 及 分 明 的 明 
瞳 变化 等 。 由 日 本 卡 普 空 〈 英 文 名 : Capcom) 株式 会 社 开 发 的 游戏 
《大 神 》 (英文 名 : Okami) 就 使 用 了 水 墨 + 卡 通风 格 来 泻 染 整个 男 
面 ， 如 图 14.1 所 示 ， 这 种 泻 染 风格 获得 了 广泛 赞誉 。 


要 实现 卡通 泻 染 有 很 多 方法 ， 其 中 之 一 就 是 使 用 基于 色调 的 着 色 技 
术 (tone-based shading) 。Gooch 等 人 在 他 们 1998 年 的 一 篇 论文 由 中 
提出 并 实现 了 基于 色调 的 光照 模型 。 在 实现 中 ， 我 们 往往 会 使 用 漫 反 射 
系数 对 一 张 一 维 纹理 进行 采样 ， 以 控制 漫 反 射 的 色调 。 我 们 曾 在 7.3 贡 
使 用 渐变 纹理 实现 过 这 样 的 效果 。 卡 通风 格 的 高 光 效 果 也 和 我 们 之 前 学 
0 在 卡通 风格 中 ， 模 型 的 高 光 往往 是 一 块 块 分 界 明显 的 纯 
义工 。 


除了 光照 模型 不 同 外 ， 卡 通风 格 通 负 还 需要 在 物体 边缘 部 分 绘制 轮 
郭 。 在 之 前 的 章节 中 ， 我 们 曾 介绍 使 用 屏幕 后 处 理 技 术 对 屏幕 图 像 进行 
描 边 。 在 本 节 ， 我 们 将 会 介绍 基于 模型 的 描 边 方法 ， 这 种 方法 的 实现 更 
加 简单 ， 而 且 在 很 多 情况 下 也 能 得 到 不 错 的 效果 。 


在 本 市 结束 后 ， 我 们 将 会 实现 类 似 图 14.2 的 效果 。 

















A 图 14.1 游戏 《大 神 》【〔 英 文 名 : Okami) 的 游戏 截图 





4 图 14.2 ”卡通 风格 的 泻 染 效果 


14.1.1 演 染 轮廓 线 


来 ， 





在 实时 渔 染 中 ， 轮 廊 线 的 演 染 是 应 用 非常 广泛 的 一 种 效果 。 近 20 年 
有 许多 绘制 模型 轮廓 线 的 方法 被 先后 所 出 来 。 在 《Real Time 


Rendering, third edition》 一 书 中 ， 作 者 把 这 些 方法 分 成 了 5 种 类 型 。 
。 基于 观察 角度 和 表面 法 线 的 轮廓 线 泻 染 。 这 种 方法 使 用 视角 方向 和 





表面 法 线 的 点 乘 结 果 来 得 到 轮廓 线 的 信息 。 这 种 方法 简单 快速 ， 可 
以 在 一 个 Pass 中 束 得 到 泻 染 结果 ， 但 局 限 性 很 大 ， 很 多 模型 演 染 出 
来 的 揪 边 效果 部 不 尽 如 人 意 。 

过 程式 几何 轮廓 线 泻 染 。 这 种 方法 的 核心 是 使 用 两 个 Pass 演 染 。 第 
一 个 Pass 泻 染 背面 的 面 片 ， 并 使 用 茶 些 扩 术 让 它 的 轮廓 可 见 ， 第 二 
个 Pass 再 正常 泻 染 正面 的 面 片 。 这 种 方法 的 优点 在 于 快速 有 效 ， 并 
且 适 用 于 绝 大 多 数 表面 平滑 的 模型 ， 但 它 的 缺点 是 不 适合 类 似 于 立 
方 体 这 样 平整 的 模型 。 

基于 图 像 处 理 的 轮廓 线 泻 染 。 我 们 在 第 12、13 章 介绍 的 边缘 检测 的 
方法 就 属于 这 个 类 别 。 这 种 方法 的 优点 在 于 ， 可 以 适用 于 任何 种 类 
的 模型 。 但 它 也 有 目 身 的 局 限 所 在 ， 一 些 深 度 和 法 线 变 化 很 小 的 轮 
廊 无 法 被 检测 出 来 ， 例 如 果子 上 的 纸张 。 

基于 轮廓 边 检测 的 轮廓 线 演 染 。 上 面 提 到 的 各 种 方法 ， 一 个 最 大 的 
问题 是 ， 无 法 控制 轮廓 线 的 风格 渔 染 。 对 于 一 些 情况 ， 我 们 希望 可 
以 渲染 出 独特 风格 的 轮廓 线 ， 例 如 水 墨 风格 等 。 为 此 ， 我 们 希望 可 
以 检测 出 精确 的 轮廓 边 ， 然 后 直接 泻 染 它们 。 检 测 一 条 边 是 否 是 轮 
廓 边 的 公式 很 简单 ， 我 们 只 需要 检查 和 这 条 边 相 邻 的 两 个 三 角 面 片 
































和 是否 满足 以 下 条 件 : 
Cno'vV>0) < ni'v>0) 


其 中 ，no 和 ni 分 别 表示 两 个 相 邻 三 角 面 片 的 法 回 ，v 是 从 视角 到 让 
边 上 任意 顶点 的 方 同 。 上 述 公 式 的 本 质 在 于 检查 两 个 相 邻 的 三 角 面 片 是 
否 一 个 朝 正 面 、 一 个 朝 背 面 。 我 们 可 以 在 几何 着 色 器 (Geometry 
Shader) 的 帮助 下 实现 上 面 的 检测 过 程 。 当 然 ， 这 种 方法 也 有 缺点 ， 除 
了 实现 相对 复杂 外 ， 它 还 会 有 动画 连贯 性 的 问题 。 也 就 是 说 ， 由 于 是 逐 
帧 单独 提取 轮廓 ， 所 以 在 帧 与 帧 之 间 会 出 现 跳跃 性 。 


。 最 后 一 个 种 类 就 是 混合 了 上 述 的 儿 种 泻 染 方法 。 例 如 ， 首 先 找 到 精 
确 的 轮廓 边 ， 把 模型 和 轮廓 边 泻 染 到 纹理 中 ， 再 使 用 图 像 处 理 的 方 
法 识别 出 轮廓 线 ， 并 在 图 像 空间 下 进行 风格 化 这 染 。 


在 本 节 中 ， 我 们 将 会 在 Unity 中 使 用 过 程式 几何 轮廓 线 泻 染 的 方法 
来 对 模型 进行 轮 廊 描 边 。 我 们 将 使 用 两 个 Pass 泻 染 模型 ， 在 第 一 个 Pass 
中 ， 我 们 会 使 用 轮廓 线 颜色 泻 染 整 个 背面 的 面 片 ， 并 在 视角 空间 下 把 模 
型 大 点 沿 着 法 线 方向 向 外 扩张 一 段 中 高 ， 以 此 来 让 青 部 轮 万 线 可 见 。 代 
马 如 下 : 


ViewPos = viewPos + viewNormal * Outline; 


但 是 ， 如 果 直 接 使 用 顶点 法 线 进行 扩展 ， 对 于 一 些 内 凹 的 模型 ， 就 
可 能 发 生 背 面 面 片 遮 挡 正 面 面 片 的 情况 。 为 了 尽 可 能 防止 出 现 这 样 的 情 
况 ， 在 扩张 背面 项 点 之 前 ， 我 们 首先 对 顶点 法 线 的 z 分 量 进行 处 理 ， 使 
它们 等 于 一 个 定 值 ， 然 后 把 法 线 归 一 化 后 再 对 顶点 进行 扩张 。 这 样 的 好 
人 
性 。 代 人 如 下 : 

















viewNormal.z = -0.5; 
viewNormal = normalize(viewNormal); 
ViewPos = viewPos + viewNormal * Outline; 





14.1.2 ”添加 高 光 


前 面 提 到 过 ， 卡 通风 格 中 的 高 光 往 往 是 模型 上 一 块 块 分 界 明显 的 纯 
色 区 域 。 为 了 实现 这 种 效果 ， 我 们 就 不 能 再 使 用 之 前 学 习 的 光照 模型 。 
回顾 一 下 ， 在 之 前 实现 Blinn-Phong 模 型 的 过 程 中 ， 我 们 使 用 法 线 操 乘 光 
照 方向 以 及 视角 方向 和 的 一 半 ， 再 和 另 一 个 参数 进行 指数 操作 得 到 高 光 
反射 系数 。 代 码 如 下 : 


float spec = pow(max(8@, dot(normal, halfDir)), _Gloss) 


对 于 卡通 泻 染 再 要 的 高 光 反 射 光 照 模型 ， 我 们 同样 需要 计算 normal 
和 halfDir 的 点 乘 结果 ， 但 不 同 的 是 ， 我 们 把 该 值 和 一 个 国 值 进行 比较 ， 
如 采 小 于 该 病 值 ， 则 高 光 反 射 系数 为 0， 人 否则 返回 1 


float spec = dot(worldNormal, worldHalfDir); 
spec = step(threshold, spec); 


在 上 面 的 代码 中 ， 我 们 使 用 CG 的 step 函数 2 日 
的 。step 函 数 接受 两 个 参数 ， 第 一 个 参数 是 参考 值 ， 一 个 参数 是 待 比 
较 的 数值 。 如 果 第 二 个 参数 大 于 等 于 第 一 个 参数 ， 则 运 回 1， 人 否则 返回 
0。 

















但 是 ， 这 种 粗 肾 的 判断 方法 会 在 高 光 区 域 的 边界 造成 锯齿 ， 如 图 
14.3 左 图 所 示 。 出 现 这 种 问题 的 原因 在 于 ， 高 区 区 域 的 边缘 不 是 平滑 渐 
变 的 ， 而 是 由 0 突变 到 1。 要 想 对 其 进行 抗 锯齿 处 理 ， 我 们 可 以 在 边界 处 
很 小 的 一 块 区 域内 ， 进 行 平滑 处 理 。 代 码 如 下 : 





float spec = dot(worldNormal, worldHalfDir); 
spec = lerp(60, 1, smoothstep(-w, w, spec - threshold)); 








在 上 面 的 代码 中 ， 我 们 没有 像 之 前 一 样 直 接 使 用 step 函 数 返 回 0 或 
1， 而 是 首先 使 用 了 CG 的 smoothstep 函数 。 其 中 ，w 是 一 个 很 小 的 值 ， 
当 spec - threshold 小 于 -w 时 ， 返 回 0， 大 于 w 时 ， 返 回 1， 和 否则 在 0 到 1 之 





间 进 行 插值 。 这 样 的 效果 是 ， 我 们 可 以 在 [-w, wj] 区间 内 ， 即 高 光 区 域 
的 边界 处 ， 得 到 一 个 从 0 到 1 平滑 变化 的 spec 值 ， 从 而 实现 抗 锯齿 的 目 
的 。 尽 管 我 们 可 以 把 w 设 为 一 个 很 小 的 定 值 ， 但 在 本 例 中 ， 我 们 选择 使 
用 邻 域 像素 之 间 的 近似 导数 值 ， 这 可 以 通过 CG 的 fwidth 函数 来 得 到 。 











A 图 14.3 左边 : Re 右边 : 使 用 fwidth 函 数 对 高 光 区 域 进行 抗 饥 齿 
理 


当然 ， 卡 通 泻 染 中 的 高 光 往往 有 更 多 个 性 化 的 需要 。 例 如 ， 很 多 卡 
通 高 光 特 效 希 望 可 以 随意 伸缩 、 方 块 化 光照 区 域 。Anjyo 等 人 在 他 们 
2003 年 的 一 篇 论文 由 中 给 出 了 一 种 风格 化 的 卡通 高 光 的 实现 。 读 者 也 可 
以 在 这 篇 非 真 实感 泻 染 的 博文 
(http://blog.csdn.net/candycat1992/article/details/47284289 ) 中 找到 这 种 
方法 在 Unity 中 的 实现 。 








14.1.3 ”实现 


我 们 现在 已 经 有 了 理论 基础 ， 是 时 候 在 Unity 中 验证 我 们 的 结果 
了 。 为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_14 1。 在 Unity 5.2 中 ， 默 认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 
平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window Lighting -Skybox 











中 去 抒 场 景 中 的 天 罕 盒 


(2) 新建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
ToonShadingMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Unity Shader 名 为 
Chapter14-ToonShading。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 拖 忠 一 个 Suzanne 模 型 ， 并 把 第 2 步 中 的 材质 赋 给 访 
模型 。 


(5) 保存 场景 。 
打开 Chapter14-ToonShading， 关 键 修 改 如 下 。 
(1) 首先 ， 我 们 需要 声明 本 例 使 用 各 个 属性 : 


Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_Ramp ("Ramp Texture", 2D) = "white" {} 


Outline ("Outline", Range(6, 1)) = 06.1 
_OutlineColor ("Outline Color", Color) = (6, 606, 6, 1) 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_SpecularScale ("Specular Scale", Range(60, 6.1)) = 6.61 
} 





其 中 ，_Ramp 是 用 于 控制 漫 反 射 色调 的 渐变 纹理 ，_Outline 用 于 控 
制 轮 廉 线 宽 度 ，_OutlineColor 对 应 了 轮廓 线 颜 色 ，_Specular 是 高 光 反 射 
颜色 ，_SpecularScale 用 于 控制 计算 高 光 反 射 时 使 用 的 立 值 。 


(2) 定义 泻 染 轮廓 线 需要 的 Pass。 前 面 提 到 过 ， 这 个 Pass 只 泻 染 背 
面 的 三 角 面 片 ， 因 此 ， 我 们 需要 设置 正确 的 泻 染 状态 : 





Pass { 
NAME "OUTLINE" 


Cull Front 


[L 
我 们 使 用 Cul 指 令 把 正面 的 三 角 面 片 剔除 ， 而 只 演 染 背面 。 值 得 注 
意 的 是 ， 我 们 还 使 用 NAME 命 令 为 该 Pass 定 义 了 名 称 。 这 是 因为 ， 描 边 
在 非 真 实感 泻 染 中 是 非常 第 见 的 效果 ， 为 该 Pass 定 义 名称 可 以 让 我 们 在 
后 面 的 使 用 中 不 需要 再 重复 编写 此 Pass， 而 只 需要 调用 它 的 名 字 即 可 。 


(3) 定义 描 边 需要 的 顶点 着 色 器 和 片 元 着 色 丹 : 


























v2f vert (a2v v) { 
v2f 0o; 


float4 pos = mul(UNITY MATRIX MV, v.vertex); 

float3 normal = mul((float3x3)UNITY MATRIX IT MV, v.normal); 
normal.z = -0.5; 

pos = pos + float4(normalize(normal), 606) * Outline; 

o.pos = mul(UNITY MATRIX P, pos); 


return o; 


} 


float4 frag(v2f i) : SV_ Target { 
return float4( OutlineColor.rgb, 1); 


} 





如 14.1.1 节 所 讲 ， 在 顶点 着 色 器 中 我 们 首先 把 项 点 和 法 线 变 换 到 视 
角 空 间 下 ， 这 是 为 了 让 描 边 可 以 在 观察 空间 达到 最 好 的 效果 。 随 后 ， 我 
们 设置 法 线 的 z 分 量 ， 对 其 归 一 化 后 再 将 顶点 沿 其 方 癌 扩张 ， 得 到 扩张 
后 的 顶点 坐标 。 对 法 线 的 处 理 是 为 了 尽 可 能 避免 育 面 扩 张 后 的 顶点 挡住 
正面 的 面 片 。 最 后 ， 我 们 把 顶点 从 视角 空间 变换 到 裁 甬 空 间 。 


片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 用 轮廓 线 颜 色 泻 染 整个 背 
面 即 可 。 


(4) 然后 ， 我 们 需要 定义 光照 模型 所 在 的 Pass， 以 泻 染 模型 的 正 


面 。 由 于 光照 模型 需要 使 用 Unity 提 供 的 光照 等 信息 ， 我 们 需要 为 Pass 进 
行 相应 的 设置 ， 并 添加 相应 的 编译 指令 : 


Pass { 





Tags { "LightMode"="ForwardBase" } 
Cull Back 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi compile fwdbase 





在 上 面 的 代码 中 ， 我 们 将 LightMode 设 置 为 ForwardBase， 并 且 使 用 
#pragma 语 句 设 置 了 编译 指令 ， 这 些 都 是 为 了 让 Shader 中 的 光照 变量 可 
以 被 正确 赋值 。 


(5) 随后 ， 我 们 定义 了 顶点 着 色 器 : 


struct v2f { 
float4 pos : POSITION; 
float2 uv : TEXCOORD6 ; 
float3 worldNormal : TEXCOORD1; 
float3 worldPos : TEXCOORD2; 
SHADOW_COORDS (3) 


vert (a2v v) { 
v2f 0o; 


.pos = mul( UNITY MATRIX MVP, v.vertex); 

.UV = TRANSFORM TEX (Vv.texcoord, MainTex); 
.worldNormal = mul(v.normal, (float3x3) World20bject); 
.WorldPos = mul(_ Object2World, Vv.vertex).xyz; 


TRANSFER_SHADOW(0); 


return o; 





在 上 面 的 代码 中 ， 我 们 计算 了 世界 空间 下 的 法 线 方向 和 顶点 位 置 ， 
并 使 用 Unity 提 供 的 内 置 宏 SHADOW_COORDS 和 








TRANSFER_SHADOW 来 计算 阴影 所 需 的 各 个 变量 。 这 些 宏 的 实现 原理 
可 以 参见 9.4 节 。 


(6) 片 元 着 色 器 中 包含 了 计算 光照 模型 的 关键 代码 : 


float4 frag(v2f i) : SV_ Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize(UnityWorldSpaceViewDir(i.worldPos)); 
fixed3 worldHalfDir = normalize(worldLightDir + worldViewDir); 


fixed4 c = tex2D ( MainTex, i.uv); 
fixed3 albedo = c.rgb * Color.rgb; 


fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 
UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


fixed diff = dot(worldNormal, worldLightDir); 
diff = (diff * 0.5 + 0.5) * atten; 


fixed3 diffuse = _LightColore.rgb * albedo * tex2D( Ramp, float2(diff, 
diff)).rgb; 


fixed spec = dot(worldNormal, worldHalfDir); 

fixed w = fwidth(spec) * 2.0; 

fixed3 specular = Specular.rgb * lerp(8, 1, smoothstep(-w, w, spec + 
_SpecularScale 

- 1)) * step(8.600601, SpecularScale); 


return fixed4(ambient + diffuse + specular, 1.0); 





首先 ， 我 们 计算 了 光照 模型 中 需要 的 各 个 方向 矢量 ， 并 对 它们 进行 
了 归 一 化 处 理 。 然 后 ， 我 们 计算 了 材质 的 反射 率 albedo 和 环境 光照 
ambient。 接 着 ， 我 们 使 用 内 置 的 UNITY_LIGHT ATTENUATION 宏 来 
计算 当前 世界 坐标 下 的 阴影 值 。 随 后 ， 我 们 计算 了 半 兰 伯 特 漫 反 射 系 
数 ， 并 和 阴影 值 相 乘 得 到 最 终 的 漫 反 射 系 数 。 我 们 使 用 这 个 漫 反 射 系 数 
对 渐变 纹理 _Ramp 进 行 采 样 ， 并 将 结果 和 材质 的 反射 率 、 光 照 颜 色相 
乘 ， 作 为 最 后 的 漫 反射 光照 。 高 光 反 射 的 计算 和 14.1.2 节 中 介绍 的 方法 
一 臻 ， 我 们 使 用 fwidth 对 高 光 区 域 的 边 办 进行 抗 饮 具 处理， 并 将 计算 而 





得 的 高 光 反 射 系数 和 高 光 反 射 颜 色相 乘 ， 得 到 高 光 反 射 的 光照 部 分 。 值 
得 注意 的 是 ， 我 们 在 最 后 还 使 用 了 step(0.000 1，SpecularScale)， 这 是 为 
了 在 _SpecularScale 为 0 时 ， 可 以 完全 消除 高 光 反 射 的 光照 。 最 后 ， 返 回 
环境 光照 、 漫 反射 光照 和 高 光 反 射 光 照 登 加 的 结 


(7) 最 后 ， 我 们 为 Shader 设 置 了 合适 的 Fallback: 


Fallback "Diffuse" 


这 对 产生 正确 的 阴影 投射 效果 很 重要 《〈 详 见 9.4 节 ) 。 


本 节 实 现 的 卡通 泻 染 光照 模型 是 一 种 非常 简单 的 实现 。 在 商业 项 目 
中 ， 我 们 往往 需要 设计 和 实现 更 复杂 的 光照 模型 ， 以 得 到 出 色 的 卡通 效 
果 。 一 个 很 好 的 例子 是 游戏 《军团 要 塞 2》 〈 瑞 文 名 : Team Fortress 2) 
的 泻 染 效 果 。Valve 公 司 在 2007 年 发 表 了 一 篇 著名 的 文章 B] ， 解 释 了 他 
们 在 实现 该 游戏 时 使 用 的 相关 技术 。 








14.2 ”素描 风格 的 演 染 


另 一 个 非常 流行 的 非 真 实感 泻 染 是 素描 风格 的 泻 染 。 微 软 研究 院 的 
Praun 等 人 在 2001 年 的 SIGGRAPH 上 发 表 了 一 篇 非常 著名 的 论文 内 。 在 
这 篇 文章 中 ， 他 们 使 用 了 提前 生成 的 素描 纹理 来 实现 实时 的 素描 风格 泻 
染 ， 这 些 纹理 组 成 了 一 个 色调 艺术 映射 (Tonal Art Map，TAM) ， 
如 图 14.4 所 示 。 在 图 14.4 中 ， 从 左 到 右 纹理 中 的 笔触 逐渐 增多 ， 用 于 模 
拟 不 同 光 照 下 的 漫 反 射 效 果 ， 从 上 到 下 则 对 应 了 每 张 纹理 的 多 级 渐 远 纹 
理 Cmipmaps) 。 这 些 多 级 渐 远 纹理 的 生成 并 不 是 简单 的 对 上 一 层 纹理 
站 























和 图 14.4 一 个 TAM 的 例子 〈 来 源 : Praun E, et al. Real-time hatchingl4] ) 


本 节 将 会 实现 简化 版 的 论文 中 提出 的 算法 ， 我 们 不 考虑 多 级 渐 远 纹 
理 的 生成 ， 而 直接 使 用 6 张 素描 纹理 进行 泻 染 。 在 泻 染 阶段 ， 我 们 首先 
在 顶点 着 色 阶 段 计算 逐 顶 点 的 光照 ， 根 据 光照 结果 来 决定 6 张 纹理 的 混 
合 权 重 ， 并 传递 给 请 元 着 色 器 。 然 后 ， 在 卢 元 着 色 需 中 根据 这 些 权重 来 
在 学 习 完 本 节 后 ， 我 们 会 得 到 类 似 图 14.5 的 














4 图 14.5 ”素描 风格 的 演 染 效果 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_14_ 2。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 
平行 光 ， 并 且 使 用 了 内 置 的 天 空 例子。 在 Window -> Lighting -> Skybox 
中 去 掉 场 景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 HatchingMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Unity Shader 名 为 
Chapter14-Hatching。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 拖 忠 一 个 TeddyBear 模 型 ， 并 把 第 2 步 中 的 材质 赋 给 
0 为 了 得 到 更 好 的 效果 ， 我 们 还 把 一 张 纸 张 图 像 拖 忠 到 场景 中 作 
背景。 

(5) 保存 场景 。 

打开 Chapter14-Hatching， 进 行 如 下 关键 修改 。 


(1) 首先 ， 声 明 演 染 所 需 的 各 个 属性 : 


























Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_TileFactor ("Tile Factor", Float) = 1 
_Outline ("Outline", Range(60, 1)) = 6.1 
_Hatch6 


"white" {} 
"white" 
"white" 
"white" 
"white" 
"white" 


Hatch 8"，2D) 
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_Hatch2 
_Hatch3 
_Hatch4 
_Hatch5 


Hatch 2D ) 
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(" 
(" 
(" 
("Hatch 2D) 





其 中 ，_Color 是 用 于 控制 模型 颜色 的 属性 。_TileFactor 是 纹理 的 平 
铺 系数 ，_TileFactor 越 大 ， 模 型 上 的 素描 线条 越 密 ， 在 实现 图 14.5 的 过 
程 中 ， 我 们 把 _TileFactor 设 置 为 8。_Hatch0 至 Hatch5 对 应 了 演 染 时 使 用 
的 6 张 素 描 纹 理 ， 它 们 的 线条 密度 依次 增 大 。 


(2) 由 于 素描 风格 往往 也 需要 在 物体 周围 泻 染 轮廓 线 ， 因 此 我 们 
直接 使 用 14.1 节 中 演 染 轮廓 线 的 Pass: 





Subshader { 
Tags { "RenderType"="Opaque" "Queue"="Geometry"} 


UsePass "Unity Shaders Book/Chapter 14/Toon Shading/OUTLINE" 





我 们 使 用 UsePass 命 令 调 用 了 14.1 市 中 实现 的 轮廓 线 泻 染 的 Pass， 
Unity Shaders Book/Chapter 14/Toon Shading 对 应 了 14.1 节 中 Chapter14- 
ToonShading 文 件 里 Shader 的 名 字 ， 而 Unity 内 部 会 把 Pass 的 名 称 全 部 转 
成 大 写 格 式 ， 所 以 我 们 需要 在 UsePass 中 使 用 大 写 格 式 的 Pass 名 称 。 


(3) 下 和 面 ， 我 们 需要 定义 光照 模型 所 在 的 Pass。 为 了 能 够 正确 获 
取 各 个 光照 变量 ， 我 们 设置 了 Pass 的 标签 和 相关 的 编译 指令 : 





Pass { 
Tags { "LightMode"="ForwardBase" } 


CGPROGRAM 


#pragma vertex Vert 
#pragma fragment frag 


#pragma multi compile fwdbase 











(4) 由 于 我 们 需要 在 顶点 着 色 器 中 计算 6 张 纹理 的 混合 权重 ， 我 们 
首先 需要 在 v2f 结 构 体 中 添加 相应 的 变量 : 


struct v2f { 
float4 pos : SV_POSITION; 
float2 uv : TEXCOORD6 ; 
fixed3 hatchWeights@ : TEXCOORD1; 
fixed3 hatchWeights1 : TEXCOORD2; 
float3 worldPos : TEXCOORD3; 
SHADOW_COORDS (4) 





由 于 一 共 声 明了 6 张 纹 理 ， 这 童 味 着 需要 6 个 混合 权重 ， 我 们 把 它们 
存储 在 两 个 fixed3 类 型 的 变量 (hatchWeights0 和 hatchWeights1) 中 。 为 
了 添加 阴影 效果 ， 我 们 还 声明 了 worldPos 变 量 ， 并 使 用 
SHADOW_COORDS 宏 声明 了 阴影 纹理 的 采样 坐标 。 


(5) 然后 ， 我 们 定义 了 关键 的 顶点 着 色 器 : 





v2f vert(a2v v) { 
v2f 0o; 


o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 

O.UV = V.texcoord.xy * TileFactor; 

fixed3 worldLightDir = normalize(WorldSpaceLightDir(v.vertex)); 
fixed3 worldNormal = UnityObjectToWorldNormal(v.normal); 

fixed diff = max(8, dot(worldLightDir, worldNormal)); 


o.hatchweights6 
o.hatchWeights1 


fixed3(06, 606, 90); 
fixed3(06, 60, 0); 


float hatchFactor = diff * 7.0; 


if (hatchFactor > 6.96) { 
// Pure white，do nothing 

} else if (hatchFactor > 5.06) { 
o.hatchweights6.x = hatchFactor - 5.08; 

} else if (hatchFactor > 4.06) { 
o.hatchweights6.x = hatchFactor - 4.08; 
o.hatchweightse.y = 1.6 - o.hatchweights6.X; 

else if (hatchFactor > 3.9) { 
o.hatchWeights@.y = hatchFactor - 3.08; 
o.hatchweights6.z = 1.6 - o.hatchWeights0.y; 

} else if (hatchFactor > 2.0) { 

o.hatchweights6.z hatchFactor - 2.6; 
o.hatchweights1.Xx = 1.6 - o.hatchweights6.z; 

} else if (hatchFactor > 1.6) { 

o.hatchweights1.x = hatchFactor - 1.08; 
o.hatchweights1.y = 1.6 - o.hatchWeights1 .x; 
} else { 
o.hatchweights1.y 
o.hatchweights1.z 


cm 
Il 中 || 


hatchFactor; 
1.6 - o.hatchWeights1.y; 


o.worldPos = mul(_Object2World, Vv.vertex).xyz; 
TRANSFER_SHADON(o) ; 


return o; 





我 们 首先 对 顶点 进行 了 基本 的 坐标 变换 。 然 后 ， 使 用 _TileFactor 得 
到 了 纹理 采样 坐标 。 在 计算 6 张 纹理 的 混合 权重 之 前 ， 我 们 首先 需要 计 
算 逐 顶点 光照 。 因 此 ， 我 们 使 用 世界 空间 下 的 光照 方向 和 法 线 方 癌 得 到 
漫 反 射 系数 diff。 之 后 ， 我 们 把 权重 值 初 始 化 为 0， 并 把 diff 缩 放 到 [0, 7] 
范围 ， 得 到 hatchFactor。 我 们 把 [0, 7] 的 区 间 均 匀 划 分 为 7 个 子 区 间 ， 通 








过 判断 hatchFactor 所 处 的 子 区 间 来 计算 对 应 的 纹理 混合 权重 。 最 后 ， 我 
们 计算 了 顶点 的 世界 坐标 ， 并 使 用 TRANSFER_SHADOW 宏 来 计算 阴影 
纹理 的 采样 坐标 。 


(6) 接 下 来 ， 定 义 片 元 着 色 器 部 分 : 











fixed4 frag(v2f i) : SV_ Target { 


fixed4 hatchTex6 
fixed4 hatchTex1 


tex2D(_Hatch@, i.uv) * i.hatchWeights0.x; 
tex2D(_Hatch1, i.uv) * i.hatchWeightsQ.y; 


fixed4 hatchTex2 = tex2D(_Hatch2，i.uv) * i.hatchWeights0.z; 
fixed4 hatchTex3 = tex2D(_Hatch3，i.uv) * i.hatchWeights1.x; 
fixed4 hatchTex4 = tex2D(_Hatch4，i.uv) * i.hatchWeights1.y; 
fixed4 hatchTex5 = tex2D(_Hatch5，i.uv) * i.hatchWeights1.z; 
fixed4 whiteColor = fixed4(1, 1, 1, 1) * (1 - .hatchweights6.x - i.ha 


tchweights6.y - i.hatchweights@.z - 
i.hatchWeights1i.x - i.hatchWeightsl.y - i.hatchWwei 
ghts1 .2z); 


fixed4 hatchColor = hatchTex6 + hatchTex1 + hatchTex2 + hatchTex3 + ha 
tchTex4 + hatchTex5 + whiteColor; 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


return fixed4(hatchColor.rgb * Color.rgb * atten, 1.06); 





当 得 到 了 6 六 张 纹理 的 混合 权重 后 ， 我 们 对 每 张 纹理 进行 采样 并 和 





它们 对 应 的 权重 值 相 乘 得 到 每 张 纹理 的 采样 颜色 。 我 们 还 计算 了 纯 白 在 
演 染 中 的 贡献 度 ， 这 是 通过 从 1 中 减 去 所 有 6 张 纹理 的 权重 来 得 到 的 。 这 
是 因为 素描 中 往往 有 留 白 的 部 分 ， 因 此 我 们 希望 在 最 后 的 泻 染 中 光照 最 
亮 的 部 分 是 纯 白 色 的 。 最 后 ， 我 们 混合 了 各 个 颜色 值 ， 并 和 阴影 值 
atten、 模 型 颜色 _Color 相 乘 后 返回 最 终 的 演 染 结果 。 


(7) 最 后 ， 我 们 设置 了 合适 的 Fallback: 


Fallback "Diffuse" 


读者 也 可 以 生成 与 本 例 不 同 的 素描 纹理 ， 有 具体 方法 可 以 参见 论文 多 
。 这 篇 博文 (https://alastaira. wordpress.com/2013/11/01/hand-drawn- 
shaders-and-creating-tonal-art-maps/ ) 中 还 介绍 了 一 种 使 用 Photoshop 等 
软件 创建 相似 的 系 描 纹理 的 方法 。 











14.3 扩展 阅读 


在 工业 界 ， 非 真实 感 演 染 已 被 应 用 到 很 多 成 功 的 游戏 中 ， 除 了 之 前 
提 及 的 《大 神 》 和 《军团 要 塞 2》 外 ， 还 有 最 近 的 《海岛 奇兵 》《 三 国 
志 》 等 游戏 都 可 以 看 到 非 真实 感 泻 染 的 身影 。 在 学 术 界 ， 有 更 多 出 色 的 
非 真 实感 演 染 的 工作 被 提 了 出 来 。 读 者 可 以 在 国际 讨论 会 NPAR (Non- 
Photorealistic Animation and Rendering ) 上 找到 许多 关于 非 真 实感 泻 染 的 
论文 。 浙 江 大 学 的 耿 卫 东 教 授 编 葡 的 书籍 《艺术 化 绘制 的 图 形 学 原理 与 
方法 》 【英文 名 : The Algorithms and Principles of Non-photorealistic 
Graphics) 5] ， 也 是 非常 好 的 学 习 材 料 。 这 本 书 概述 了 近年 来 非 真实 感 
泻 染 在 各 个 领域 的 发 展 ， 并 简 述 了 许多 有 重要 贡献 的 算法 过 程 ， 是 一 本 
非常 好 的 参考 书籍 。 


在 Unity 的 资源 商店 中 ， 也 有 许多 优秀 的 非 真实 感 演 染 资源 。 例 

如 ，Toon Shader Free 

(https://www.assetstore.unity3d.com/cn/#!/content/21288 ) 是 一 个 免费 的 
卡通 资源 包 ， 里 面 实 现 了 包括 轮廓 线 演 染 等 卡通 风格 的 泻 染 。Toon 
Styles Shader Pack (https:/www.assetstore.unity3d.com/ 
cn/#!/content/7212 ) 是 一 个 需要 收费 的 卡通 资源 包 ， 它 包含 了 更 多 的 卡 
通风 格 的 Unity Shader。Hand-Drawn Shader Pack 

(https://www.assetstore.unity3d.com/cn/#!/content/12465 ) 同样 是 一 个 需 
要 收费 的 非 真实 感 演 染 效果 包 ， 它 包含 了 诸如 铅笔 演 染 、 蜡 笔 演 染 等 多 
种 手绘 风格 的 非 真 实感 演 染 效果 。 
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第 15 章 ”使 用 噪声 


很 多 时 候 ， 回 规则 的 事物 里 添加 一 些 “ 杂 乱 无 章 的 效果 往往 会 有 意 
想不到 的 效果 。 而 这 些 “ 杂 乱 无 章 ? 的 效果 来 源 就 是 噪声 。 在 本 章 中 ， 我 
们 将 会 学 习 如 何 使 用 噪声 来 模拟 各 种 看 似 “ 神 奇 " 的 特效 。 在 15.1 节 中 ， 
我 们 将 使 用 一 张 噪声 纹理 来 模拟 火焰 的 消融 效果 。15.2 节 则 把 噪声 应 用 
在 模拟 水 面 的 波动 上 ， 从 而 产生 波光 痢 阁 的 视觉 效果 。 在 15.3 市 中 ， 我 
0 并 问 其 中 添加 噪声 来 模拟 不 均匀 的 











15.1 消融 效果 


消融 (dissolve〉 效果 常见 于 游戏 中 的 角色 死亡 、 地 图 烧毁 等 效 
果 。 在 这 些 效果 中 ， 消 融 往往 从 不 同 的 区 域 开 始 ， 并 向 看 似 随 机 的 方向 
扩张 ， 最 后 整个 物体 都 将 消失 不 见 。 在 本 节 中 ， 我 们 将 学 习 如 何在 
ee 
多 要 


Maximize on Play Mute audio | Stats | Cizmos ”~ 


Dissolve Mat 
Shader | Unity Shaders 








4 图 15.1 箱子 的 消融 效果 


要 实现 图 15.1 中 的 效果 ， 原 理 非常 简单 ， 概 括 来 说 就 是 噪声 纹理 
+ 透明 度 测试 。 我 们 使 用 对 噪声 纹理 采样 的 结果 和 某 个 控制 消融 程度 的 
闵 值 比较 ， 如 果 小 于 立 值 ， 就 使 用 clip 函 数 把 它 对 应 的 像 系 裁 盈 控 ， 这 
些 部 分 就 对 应 了 图 中 被 “烧毁 ”的 区 域 。 而 铁 空 区 域 边缘 的 烧 焦 效果 则 是 
将 两 种 颜色 混合 ， 再 用 pow 函 数 处 理 后 ， 与 原 纹理 颜色 混合 后 的 结果 。 


为 了 实现 上 述 消融 效果 ， 我 们 首先 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_15_1。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 
下 人行 > 在 Window -> Lighting -> Skybox 
中 去 掉 场 景 中 的 天 空 盒 














(2) 新 建 一 个 材质 。 在 本 书 资 源 中 ， 该 材质 名 为 DissolveMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 
Chapter15-Dissolve。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 我 们 需要 搭建 一 个 测试 消融 的 场景 。 在 本 书 资源 的 实现 中 ， 
我 们 构建 了 一 个 包含 3 面 墙 的 房间 ， 并 放置 了 一 个 立方 体 。 把 第 2 步 创 建 
的 材质 拖 虑 给 立方 体 。 


(5) 保存 场景 。 
打开 Chapter15-Dissolve， 删 除 原 有 代码 ， 进 行 如 下 关键 修改 。 
(1) 首先 ， 声 明 消 融 效 果 需 要 的 各 个 属性 : 


Properties { 

BurnAmount ("Burn Amount", Range(6.06,， 1.0)) 
LineWidth("Burn Line Width", Range(®, 6，6.2) 
MainTex ("Base (RGB)", 2D) = "white" {} 
BumpMap ("Normal Map", 2D) = "bump" {} 
BurnFirstColor("Burn First Color", Color) = 
BurnSecondColor("Burn Second Color", Color) 
BurnMap("Burn Map", 2D) = "white"{} 


} 





_BurnAmount 属 性 用 于 控制 消融 程度 ， 当 值 为 0 时 ， 物 体 为 正常 效 
果 ， 当 值 为 1 时 ， 物 体会 完全 消融 。_ LineWidth 属 性 用 于 控制 模拟 烧 焦 
效果 时 的 线 宽 ， 它 的 值 越 大 ， 火 焰 边 缘 的 蔓延 范围 越 广 。_MainTex 和 
_BumpMap 分 别 对 应 了 物体 原本 的 漫 反 射 纹理 和 法 线 纹理 。 
_BurnFirstColor 和 _BurnSecondColor 对 应 了 火焰 边缘 的 两 种 颜色 值 。 
_BurmnMap 则 是 关键 的 噪声 纹理 。 


(2) 我 们 在 SubShader 块 中 定义 消融 所 需 的 Pass: 





Pass { 
Tags { "LightMode"="ForwardBase" } 


Cull Off 


CGPROGRAM 


#include "Lighting.cginc" 
#include "AutoLight.cginc" 


#pragma multi compile fwdbase 





为 了 得 到 正确 的 光照 ， 我 们 设置 了 Pass 的 LightMode 和 
multi_compile_fwdbase 的 编译 指令 。 值 得 注意 的 是 ， 我 们 还 使 用 Cull 命 
令 关 闭 了 该 Shader 的 面 片 剔 除 ， 也 就 是 说 ， 模 型 的 正面 和 背面 都 会 被 泻 
染 。 这 是 因为 ， 消 融会 导致 裸露 模型 内 部 的 构造 ， 如 果 只 泻 染 正面 会 出 
现 错误 的 结果 。 


(3) 定义 顶点 着 色 器 : 





struct v2f { 

float4 pos : SV_POSITION; 
float2 uvMainTex : TEXCOORDO; 
float2 uvBumpMap : TEXCOORD1; 
float2 uvBurnMap : TEXCOORD2; 
float3 lightDir : TEXCOORD3; 
float3 worldPos : TEXCOORD4; 
SHADOW_COORDS (5) 


}; 


v2f vert(a2v v) { 
v2f o; 
o.pos = mul(UNITY MATRIX MVP, Vv.vertex); 


Oo.uvMainTex = TRANSFORM TEX(v.texcoord, MainTex); 
oOo.uvBumpMap = TRANSFORM TEX(vVv.texcoord, _BumpMap); 
oOo.uvBurnMap = TRANSFORM TEX(Vv.texcoord, _BurnMap); 


TANGENT_SPACE_ROTATION ; 
o.lightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz; 


o.worldPos = mul( Object2World, v.vertex).xyz; 
TRANSFER_SHADON(o) ; 


return Oo 


[L 


顶点 着 色 器 的 代码 很 常规 。 我 们 使 用 宏 TRANSFORM_TEX 计 算 了 
三 张 纹理 对 应 的 纹理 坐标 ， 再 把 光源 方向 从 模型 空间 变换 到 了 切线 衬 
间 。 最 后 ， 为 了 得 到 阴影 信息 ， 计 算 了 世界 空间 下 的 顶点 位 置 和 阴影 纹 
理 的 采样 坐标 (使 用 了 TRANSFER_SHADOW 宏 ) 。 上 有 具体 原 理 可 参见 
9.4 节 。 


(4) 我 们 还 需要 实现 片 元 着 色 器 来 模拟 消融 效果 : 

















fixed4 frag(v2f i) : SV_Target { 
fixed3 burn = tex2D(_BurnMap, i.uvBurnMap).rgb; 


clip(burn.r - _BurnAmount); 


float3 tangentLightDir = normalize(i.1lightDir); 
fixed3 tangentNormal = UnpackNormal(tex2D(_ BumpMap, i.uvBumpMap)); 


fixed3 albedo = tex2D( MainTex, i.uvMainTex).rgb; 
fixed3 ambient = UNITY LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColore.rgb * albedo * max(06, dot(tangentNormal, 
tangentLightDir)); 


fixed t = 1 - smoothstep(8.606, LineWidth, burn.r - _BurnAmount); 
fixed3 burnColor = lerp(_ BurnFirstColor, _BurnSecondColor, t); 
burnColor = pow(burnColor, 5); 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 
fixed3 finalColor = lerp(ambient + diffuse * atten, burnColor, t * ste 


.0001，_BurnAmount ) ) ; 


return fixed4(finalColor, 1); 





我 们 首先 对 噪声 纹理 进行 采样 ， 并 将 采样 结果 和 用 于 控制 消融 程度 
的 属性 _BurnAmount 相 减 ， 传 递 给 clip 函 数 。 当 结果 小 于 0 时 ， 访 像素 将 
会 被 剔除 ， 从 而 不 会 显示 到 屏幕 上 。 如 果 通 过 了 测试 ， 则 进行 正常 的 光 
照 计 算 。 我 们 首先 根据 漫 反 射 纹理 得 到 材质 的 反射 率 albedo， 并 由 此 计 
算得 到 环境 光照 ， 进 而 得 到 漫 反 射 光 照 。 然 后 ， 我 们 计算 了 烧 焦 颜色 








burnColor。 我 们 想 要 在 宽度 为 _LinewWidth 的 范围 内 模拟 一 个 伐 焦 的 颜色 
变化 ， 第 一 步 束 使 用 了 smoothstep 函 数 来 计算 混合 系数 t 。 当 t 值 为 1 时 ， 
表明 该 像素 位 于 消融 的 边界 处 ， 当 t 值 为 0 时 ， 表 明 该 像素 为 正常 的 模型 
颜色 ， 而 中 间 的 插值 则 表示 需要 模拟 一 个 烧 焦 效果 。 我 们 首先 用 t 来 泥 
合 两 种 火焰 颜色 _BurnFirstColor 和 _BurnSecondColor， 为 了 让 效果 更 接 











近 烧 焦 的 痕迹 ， 我 们 还 使 用 pow 函 数 对 结 末 进行 处 理 。 然 后 ， 我 们 再 次 
使 用 :来 混合 正常 的 光照 颜色 《〈 环 境 光 + 漫 反 射 ) 和 烧 焦 颜色 。 我 们 这 里 





又 使 用 了 step 函 数 来 保证 当 _BurnAmount 为 0 时 ， 不 显示 任何 消融 效果 。 
最 后 ， 返 回 混合 后 的 颜色 值 fnalColor。 


(5) 与 之 前 的 实现 不 同 ， 我 们 在 本 例 中 还 定义 了 一 个 用 于 投射 阴 
影 的 Pass。 正 如 我 们 在 9.4.5 布 中 的 解释 一 样 ， 使 用 透明 度 测 试 的 物体 的 
阴影 需要 特别 处 理 ， 如 果 仍 然 使 用 普通 的 阴影 Pass， 那 么 航 剔 除 的 区 域 
仍然 会 回 其 他 物体 投 财 阴影 ， 造 成 “ 罕 避 *。 为 了 让 物体 的 阴影 也 能 配合 
透明 度 测 试 产生 正确 的 效 末 ， 我 们 需要 目 定义 一 个 投射 阴影 的 Pass: 





// Pass to render object as a shadow caster 
Pass { 
Tags { "LightMode" = "ShadowCaster" } 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi compile shadowcaster 





在 Unity 中 ， 用 于 投射 阴影 的 Pass 的 LightMode 需 要 被 设置 为 
ShadowCaster， 同 时 ， 还 需要 使 用 #pragma multi compile_shadowcaster 
指明 它 需 要 的 编译 指令 。 


顶点 着 色 器 和 厂 元 着 色 器 的 代码 很 简 早 : 








struct v2f { 
V2F_SHADOW CASTER; 
float2 uvBurnMap : TEXCOORD1; 


}; 


v2f vert(appdata base v) { 


v2f o; 
TRANSFER_SHADOW_CASTER_NORMALOFFSET(o) 
o.UvBurnMap = TRANSFORM_TEX(Cv.texcoord，_BurnMap ) ; 


return oO 


} 


fixed4 frag(v2f i) : SV_Target { 
fixed3 burn = tex2D(_BurnMap, i.uvBurnMap).rgb; 


clip(burn.r - _BurnAmount); 


SHADOW_CASTER FRAGMENT(i) 
} 





阴影 投射 的 重点 在 于 我 们 需要 按 正 常 Pass 的 处 理 来 剔除 片 元 或 进行 
顶点 动画 ， 以 便 阴 影 可 以 和 物体 正常 演 染 的 结果 相 匹 配 。 在 自 定义 的 阴 
影 投射 的 Pass 中 ， 我 们 通常 会 使 用 Unity 提 供 的 内 置 宏 
V2F SHADOW_CASTER、 
TRANSEFER_SHADOW_CASTER_NORMALOFFSET (旧版 本 中 会 使 用 
TRANSFER_SHADOW_CASTER) 和 SHADOW_CASTER_FRAGMENT 





来 帮助 我 们 计算 阴影 投射 时 需要 的 各 种 变量 ， 而 我 们 可 以 只 关注 自 定 义 
计算 的 部 分 。 在 上 面 的 代码 中 ， 我 们 首先 在 v2f 结 构 体 中 利用 

V2F_ SHADOW_CASTER 来 定义 阴影 投射 需要 定义 的 变量 。 随 后 ， 在 顶 
点 着 色 器 中 ， 我 们 使 用 
TRANSFER_SHADOW_CASTER_NORMALOFFSET 来 填充 
V2F_SHADOW_ CASTER 在 背后 声明 的 一 些 变量 ， 这 是 由 Unity 在 背后 
为 我 们 完成 的 。 我 们 需要 在 顶点 着 色 器 中 关注 自 定义 的 计算 部 分 ， 这 里 
指 的 就 是 我 们 需要 计算 噪声 纹理 的 采样 坐标 uvBurnMap。 在 片 元 着 色 器 
中 ， 我 们 首先 按 之 前 的 处 理 方法 使 用 噪声 纹理 的 采样 结果 来 剔除 片 元 ， 
最 后 再 利用 SHADOW_CASTER_FRAGMENT 来 让 Unity 为 我 们 完成 阴影 
投射 的 部 分 ， 把 结果 输出 到 深度 图 和 阴影 映射 纹理 中 。 


通过 Unity 提 供 的 这 3 个 内 置 宏 〈 在 UnityCG.cginc 文 件 中 被 定义 ) ， 
我 们 可 以 方便 地 上 自 定 义 需要 的 阴影 投射 的 Pass， 但 由 于 这 些 宏 需 要 使 用 
一 些 特定 的 输入 变量 ， 因 此 我 们 需要 保证 为 它们 提供 了 这 些 变 量 。 例 
如 ，TRANSFER_SHADOW_CASTER_NORMALOFFSET 会 使 用 名 称 v 





作为 输入 结构 体 ，v 中 需要 包含 顶点 位 置 v.vertex 和 顶点 法 线 v.normal 的 
信息 ， 我 们 可 以 直接 使 用 内 置 的 appdata_base 结 构 体 ， 它 包含 了 这 些 必 
需 的 顶点 变量 。 如 果 我 们 需要 进行 顶点 动画 ， 可 以 在 顶点 着 色 器 中 直接 
修改 vvertex， 再 传递 给 TRANSEFER_SHADOW _ 
CASTER_NORMALOFFSET 即 可 (可 参见 11.3.3 节 ) 。 


在 本 例 中 ， 我 们 使 用 的 噪声 纹理 (对 应 本 书 资 源 的 
Assets/Textures/Chapter15/Burn_Noise.png) 如 图 15.2 所 示 。 把 它 拖 电 到 
材质 的 _BurnMap 属 性 上 ， 再 调整 材质 的 _BurmAmount 属 性 ， 束 可 以 看 到 
木 箱 逐 渐 消 融 的 效果 。 在 本 书 资源 的 实现 中 ， 我 们 实现 了 一 个 辅助 脚 
本 ， 用 来 随时 间 调 整 材 质 的 _BurnAmount 值 ， 因 此 ， 当 读者 单 击 运行 
后 ， 也 可 以 看 到 消融 的 动画 效果 。 





4 图 15.2 ”消融 效果 使 用 的 噪声 纹理 


使 用 不 同 的 噪声 和 纹理 属性 〈 即 材质 面板 上 纹理 的 Tiling 和 Offset 
值 ) 都 会 得 到 不 同 的 消融 效果 。 因 此 ， 要 想得到 好 的 消融 效果 ， 也 需要 
美术 人 员 提 供 合适 的 噪声 纹理 来 配合 。 


15.2 ”水 波 效果 


在 模拟 实时 水 面 的 过 程 中 ， 我 们 往往 也 会 使 用 噪声 纹理 。 此 时 ， 品 
声 纹 理 通常 会 用 作 一 个 高 度 图 ， 以 不 断 修改 水 面 的 法 线 方 向 。 为 了 模拟 
水 不 断 流动 的 效果 ， 我 们 会 使 用 和 时 间 相 关 的 变量 来 对 噪声 纹理 进行 采 
0 
波动 效果 。 


在 本 节 中 ， 我 们 将 会 使 用 一 个 由 噪声 纹理 得 到 的 法 线 贴 图 ， 实 现 一 
个 包含 菲 涅 耳 反 射 ( 详 见 10.1.5 节 〉 的 水 面 效果 ， 如 图 15.3 所 示 。 











4 图 15.3 包含 菲 涅 耳 反 射 的 水 面 波动 效果 。 在 左边 中 ， 视 角 方向 和 水 面 法 线 的 夹 角 越 大 ， 反 





射 效果 越 强 。 在 右边 中 ， 视 角 方向 和 水 面 法 线 的 夹 角 越 大 ， 折 射 效 果 越 强 


我 们 曾 在 10.2.2 节 介绍 过 如 何 使 用 反射 和 折射 来 模拟 一 个 透明 玻璃 
的 效果 。 本 节 使 用 的 Shader 和 10.2.2 节 中 的 实现 基本 相同 。 我 们 使 用 一 
张 立 方 体 纹理 《Cubemap ) 作为 环境 纹理 ， 模 拟 反 射 。 为 了 模拟 折射 效 
末 ， 我 们 使 用 GrabPass 来 获取 当前 屏 峰 的 泻 染 纹理 ， 并 使 用 切线 空间 下 
的 法 线 方 回 对 像 系 的 屏 大 坐标 进行 偏 移 ， 再 使 用 该 坐标 对 泻 染 纹理 进行 
屏 厌 采样， 从 而 模拟 近似 的 折射 效果 。 与 10.2.2 节 中 的 实现 不 同 的 是 ， 
水 波 的 法 线 纹理 是 由 一 张 噪声 纹理 生成 而 得 ， 而 且 会 随 着 时 间 变 化 不 断 
平移 ， 模 拟 波光 阁 阁 的 效果 。 除 此 之 外 ， 我 们 没有 使 用 一 个 定 值 来 混合 
反射 和 折射 颜色 ， 而 是 使 用 之 前 提 到 的 菲 涅 耳 系 数 来 动态 决定 混合 系 
数 。 我 们 使 用 如 下 公式 来 计算 菲 涅 耳 系 数 : 























fresnel =pow (1-max (0,v an),4) 


其 中 ，v 和 n 分 别 对 应 了 视角 方向 和 法 线 方 向 。 它 们 之 间 的 夹 角 越 
小 ，fresnel 值 越 小 ， 反 射 越 弱 ， 折 和 出 越 强 。 菲 涅 耳 系 数 还 经 常会 用 于 边 
缘 光 照 的 计算 中 。 


为 此 ， 我 们 需要 做 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 15 2。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 场景 中 的 
全 本 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 WaterWaveMat。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter15-WaterWave。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 构建 一 个 测试 水 波 效 果 的 场景 。 在 本 书 资源 的 实现 中 ， 我 们 
构建 了 一 个 由 6 面 墙 围 成 的 封闭 房间 ， 它 们 都 使 用 了 我 们 在 9.5 市 中 创建 
的 标准 材质 。 我 们 还 在 房间 中 放置 了 一 个 平面 来 模拟 水 面 。 把 第 2 步 中 
创建 的 材质 赋 给 该 平面 。 


(5) 为 了 得 到 本 场景 适用 的 环境 纹理 ， 我 们 使 用 了 10.1.2 市 中 实现 
的 创建 立方 体 纹 理 的 脚本 (通过 Gameobject -> Render into Cubemap 打 开 
编辑 窗口 ) 来 创建 它 ， 如 图 15.4 所 示 。 在 本 书 资源 中 ， 该 Cubemap 名 为 
Water_Cubemap。 




















4 图 15.4 本 例 使 用 的 立方 体 纹理 


完成 准备 工作 后 ， 打 开 Chapter15-WaterWave， 对 它 进行 如 下 关键 
修改 。 


(1〉 首先 ， 我 们 需要 声明 该 Shader 使 用 的 各 个 属性 : 








Properties { 
_Color ("Main Color", Color) = (6，6.15，6.115，1) 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_WaveMap ("Wave Map", 2D) = "bump"” {} 
_Cubemap ("Environment Cubemap", Cube) = "_ Skybox" {} 
_WaveXSpeed ("Wave Horizontal Speed"，Range(-6.1，6.1)) 
_WaveYSpeed ("Wave Vertical Speed", Range(-0.1, 6.1)) = 
_Distortion ("Distortion", Range(68, 160)) = 16 


0.61 
.01 


| 


其 中 ，_Color 用 于 控制 水 面 颜色 ; _MainTex 是 水 面 波纹 材质 纹理 ， 
默认 为 白色 纹理 ，_WaveMap 是 一 个 由 噪声 纹理 生成 的 法 线 纹理 ; 
_Cubemap 是 用 于 模拟 反射 的 立方 体 纹理 ，_Distortion 则 用 于 控制 模拟 折 
射 时 图 像 的 扭曲 程度 _WaveXSpeed 和 _WaveYSpeed 分 别 用 于 控制 法 线 
纹理 在 X 和 Y 方 向 上 的 平移 速度 。 


(2) 定义 相应 的 泻 染 队列 ， 并 使 用 GrabPass 来 获取 屏 舌 图 像 : 


SubShader { 
// We must be transparent, so other objects are drawn before this one. 
Tags { "Queue"="Transparent" "RenderType"="Opaque" } 


// This pass grabs the screen behind the object into a texture. 
// We can access the result in the next pass as RefractionTex 
GrabPass { "_RefractionTex” } 





我 们 首先 在 SubShader 的 标签 中 将 演 染 队列 设置 成 Transparent， 并 把 
后 面 的 RenderType 设 置 为 Opaque。 把 Queue 设 置 成 Transparent 可 以 确保 
该 物体 泻 染 时 ， 其 他 所 有 不 透明 物体 都 已 经 被 泻 染 到 屏 磋 上 上 了， 否则 就 
可 能 无 法 正确 得 到 “ 透 过 水 面 看 到 的 图 像 >?。 而 设置 RenderType 则 是 为 了 
在 使 用 着 色 器 蔡 换 (Shader Replacement) 时 ， 该 物体 可 以 在 需要 时 被 
正确 泻 染 。 这 通常 发 生 在 我 们 需要 得 到 摄像 机 的 深度 和 法 线 纹 理 时 ， 这 
在 第 13 章 中 介绍 过 。 随 后 ， 我 们 通过 关键 词 GrabPass 定 义 了 一 个 抓 取 屏 
幕 图 像 的 Pass。 在 这 个 Pass 中 我 们 定义 了 一 个 字符 串 ， 该 字符 串 内 部 的 
名 称 决 定 了 抓 取 得 到 的 屏幕 图 像 将 会 被 在 入 哪个 纹理 中 《可 参见 10.2.2 
a 


(3) 定义 演 染 水 和 面 所 需 的 Pass。 为 了 在 Shader 中 访问 各 个 属性 ， 我 
们 首先 需要 定义 它们 对 应 的 变量 : 














fixed4 _Color; 
sampler2D MainTex; 
float4 MainTex_ST; 
sampler2D WaveMap; 
float4 WaveMap_ST; 
samplerCUBE _Cubemap; 


fixed WaveXSpeed; 

fixed WaveYSpeed; 

float Distortion; 

sampler2D RefractionTex; 

float4 RefractionTex_ TexelSize; 








需要 注意 的 是 ， 我 们 还 定义 了 _RefractionTex 和 
_RefractionTex_TexelSize 变 量 ， 这 对 应 了 在 使 用 GrabPass 时 ， 指 定 的 纹 
理 名 称 。_RefractionTex_TexelSize 可 以 让 我 们 得 到 该 纹理 的 纹 素 大 小 ， 
例如 一 个 大 小 为 256x512 的 纹理 ， 它 的 纹 素 大 小 为 (1/256, 1/512)。 我 们 
需要 在 对 屏幕 图 像 的 采样 坐标 进行 偏 移 时 使 用 该 变量 。 


(4) 定义 顶点 着 色 器 ， 这 和 10.2.2 节 中 的 实现 完全 一 样 : 


struct v2f { 


}; 


v2f 


float4 
float4 
float4 
float4 
float4 
float4 


vert(a2 
v2f 0o; 
0.pos = 


oO.scrPpo 


O.UV.Xy 
O.UV.ZW 


float3 
fixed3 
fixed3 
fixed3 


0.TtoWe 


pos : SV_POSITION; 
scrPpos : TEXCOORDO; 
UV : TEXCOORD1 ; 

TtoWN6 : TEXCOORD2 ; 
TtoN1 : TEXCOORD3 ; 
TtoW2 : TEXCOORD4; 


vv)t 


mul(UNITY MATRIX MVP, Vv.vertex); 


s = ComputeGrabScreenPos(o.pos); 


TRANSFORM TEX(v.texcoord, MainTex); 
TRANSFORM TEX(v.texcoord, WaveMap); 


worldPos = mul(_ Object2World, v.vertex).xyz; 
worldNormal = UnityObjectToWorldNormal(v.normal); 
worldTangent = UnityObjectToWorldDir(v.tangent.xyz); 


worldBinormal = cross(worldNormal, worldTangent) * v.tangent.w; 


= float4(worldTangent.x, worldBinormal.x, worldNormal.x, world 
float4(worldTangent.y, worldBinormal.y, worldNormal.y, world 


float4(worldTangent.z, worldBinormal.z, worldNormal.z, world 


Pos.z); 


return o; 





在 进行 了 必要 的 顶点 坐标 变换 后 ， 我 们 通过 调用 
ComputeGrabScreenPos 来 得 到 对 应 被 抓 取 屏 幕 图 像 的 采样 坐标 。 读 者 可 
以 在 UnityCG.cginc 文 件 中 找到 它 的 声明 ， 它 的 主要 代码 和 
CompnuteScreenPos 基 本 类 似 ， 最 大 的 不 同 是 针对 平台 差异 造成 的 采样 坐 
标 问题 〈 见 5.6.1 节 ) 进行 了 处 理 。 接 着 ， 我 们 计算 了 _MainTex 和 
_BumpMap 的 采样 坐标 ， 并 把 它们 分 别 存储 在 一 个 float4 类 型 变量 的 xy 
和 zw 分 量 中 。 由 于 我 们 需要 在 片 元 着 色 器 中 把 法 线 方 向 从 切线 空间 
(由 法 线 纹理 采样 得 到 ) 变换 到 世界 空间 下 ， 以 便 对 Cubemap 进 行 采 
样 ， 因 此 ， 我 们 需要 在 这 里 计算 该 顶点 对 应 的 从 切线 空间 到 世界 空间 的 
变换 矩阵 ， 并 把 该 矩阵 的 每 一 行 分 别 存储 在 TtoW0、TtowW1 和 TtoW2 的 
xyz 分 量 中 。 这 里 面 使 用 的 数学 方法 就 是 ， 得 到 切线 空间 下 的 3 个 坐标 轴 
(x、y、z 轴 分 别 对 应 了 切线 、 副 切线 和 法 线 的 方向 在 世界 空间 下 的 
表示 ， 再 把 它们 依次 按 列 组 成 一 个 变换 矩阵 即 可 。TtoW0 等 值 的 w 分 量 
同样 被 利用 起 来 ， 用 于 存储 世界 空间 下 的 顶点 坐标 。 


(5) 定义 片 元 着 色 器 : 











fixed4 frag(v2f i) : SV_ Target { 
float3 worldPos = float3(i.TtoWeO.w, i.TtoWil.w, i.TtoW2.w); 
fixed3 viewDir = normalize(UnityWorldSpaceViewDir(worldPos)); 
float2 speed = Time.y * float2( WaveXSpeed, WaveYSpeed); 


// Get the normal in tangent space 

fixed3 bump1 = UnpackNormal(tex2D( WaveMap, i.uv.zw + speed)).rgb; 
fixed3 bump2 = UnpackNormal(tex2D( WaveMap, i.uv.zw - speed)).rgb; 
fixed3 bump = normalize(bump1 + bump2); 


// Compute the offset in tangent space 

float2 offset = bump.xy * Distortion * RefractionTex_ TexelSize.xy; 
i.scrPos.xy = offset * i.scrPos.z + i.scrPpos.xy; 

fixed3 refrCol = tex2D( RefractionTex, i.scrPos.xy/i.scrPpos.w).rgb; 


// Convert the normal to world space 
bump = normalize(half3(dot(i.Ttowe.xyz, bump), dot(i.TtoW1.xyz, bump), 
dot(i.TtoW2.xyz, bump))); 


fixed4 texColor = tex2D( MainTex, i.uv.xy + Speed) 

fixed3 reflDir = reflect(-viewDir, bump); 

fixed3 reflCol = texCUBE( Cubemap, reflDir).rgb * texColor.rgb * Colo 
r.rgb; 


fixed fresnel = pow(1 - saturate(dot(viewDir, bump)), 4); 
fixed3 finalColor = reflCol * fresnel + refrCol * (1 - fresnel); 


return fixed4(finalColor, 1); 
} 





我 们 首先 通过 TtoW0 等 变量 的 w 分 量 得 到 世界 坐标 ， 并 用 该 值得 到 
该 片 元 对 应 的 视角 方向 。 除 此 之 外 ， 我 们 还 使 用 内 置 的 _Time.y 变 量 和 
_WaveXSpeed、_WaveYSpeed 属 性 计算 了 法 线 纹理 的 当前 偏 移 量 ， 并 利 





用 该 值 对 法 线 纹理 进行 两 次 采样 〈 这 是 为 了 模拟 两 层 交 叉 的 水 面 波 动 的 
效果 ) ， 对 两 次 结果 相 加 并 归 一 化 后 得 到 切线 空间 下 的 法 线 方向 。 然 
后 ， 和 10.2.2 节 中 的 处 理 一 样 ， 我 们 使 用 该 值 和 _Distortion 属 性 以 及 
_RefractionTex_TexelSize 来 对 屏幕 图 像 的 采样 坐标 进行 伺 移 ， 模 拟 折 射 
效果 。_Distortion 值 越 大 ， 偶 移 量 越 大 ， 水 面 背 后 的 物体 看 起 来 变形 程 
度 越 大 。 在 这 里 ， 我 们 选择 使 用 切线 空间 下 的 法 线 方向 来 进行 偏 移 ， 是 
因为 该 空间 下 的 法 线 可 以 反映 顶点 局 部 空间 下 的 法 线 方向 。 需 要 注意 的 
是 ， 在 计算 偏 移 后 的 屏幕 坐标 时 ， 我 们 把 偏 移 量 和 屏幕 坐标 的 z 分 量 相 
乘 ， 这 是 为 了 模拟 深度 越 大 、 折 射程 度 越 大 的 效果 。 如 果 读 者 不 希望 产 
生 这 样 的 效果 ， 可 以 直接 把 偏 移 值 登 加 到 屏幕 坐标 上 。 随 后 ， 我 们 对 
scrPos 进 行 了 透视 除法 ， 再 使 用 该 坐标 对 抓 取 的 屏幕 图 像 _RefractionTex 
进行 采样 ， 得 到 模拟 的 折射 颜色 。 


之 后 ， 我 们 把 法 线 方向 从 切线 空间 变换 到 了 世界 空间 下 《使 用 变换 
矩阵 的 每 一 行 ， 即 TtoW0、TtowW1 和 TtowW2， 分 别 和 法 线 方向 点 乘 ， 构 
成 新 的 法 线 方向 ) ， 并 据 此 得 到 视角 方向 相对 于 法 线 方向 的 反射 方 癌 。 
随后 ， 使 用 反射 方向 对 Cubemap 进 行 采样 ， 并 把 结果 和 主 纹理 颜色 相 乘 
人 

为 了 混合 折射 和 反射 颜色 ， 我 们 随后 计算 了 菲 涅 耳 系数 。 我 们 使 用 
之 前 的 公式 来 计算 菲 涅 耳 系 数 ， 并 据 此 来 混合 折射 和 反射 颜色 ， 作 为 最 
终 的 输出 颜色 。 



































在 本 例 中 ， 我 们 使 用 的 噪声 纹理 〈 对 应 本 书 资源 的 
Assets/Textures/Chapter15/Water_Noise.png) 如 图 15.5 左 图 所 示 。 由 于 在 
本 例 中 ， 我 们 需要 的 是 一 张 法 线 纹 理 ， 因 此 我 们 可 以 从 该 噪声 纹理 的 灰 
度 值 中 生成 需要 的 法 线 信 息 ， 这 是 通过 在 它 的 纹理 面板 中 把 纹理 类 型 设 
置 为 Normal map ， 并 选中 Create from grayscale 来 完成 的 。 最 后 生成 
的 法 线 纹理 如 图 15.5 右 图 所 示 。 我 们 把 生成 的 法 线 纹理 拖 忠 到 材质 的 
_WaveMap 属 性 上 ， 再 单 击 运 行 后 ， 就 可 以 看 到 水 面 波动 的 效果 了 。 





A 图 15.5 水波 效 果 使 用 的 噪声 纹理 左边 : 噪声 纹理 的 灰 度 图 ， 右 边 : 由 左边 生成 的 法 线 纹理 


15.3 ”再 谈 全 局 雾 效 


我 们 在 13.3 节 讲 到 了 如 何 使 用 深度 纹理 来 实现 一 种 基于 屏幕 后 处 理 
的 全 局 务 效 。 我 们 由 深度 纹理 重建 每 个 像素 在 世界 空间 下 的 位 置 ， 再 使 
用 一 个 基于 高 度 的 公式 来 计算 筋 效 的 混合 系数 ， 最 后 使 用 该 系数 来 混合 
筋 的 颜色 和 原 屏 幕 颜色 。13.3 节 的 实现 效果 是 一 个 基于 高 度 的 均匀 稚 
效 ， 即 在 同一 个 高 度 上 ， 雾 的 浓度 是 相同 的 ， 如 图 15.6 左 图 所 示 。 然 
而 ， 一 些 时 候 我 们 希望 可 以 模拟 一 种 不 均匀 的 雾 效 ， 同 时 让 和 却 不 断 驯 
动 ， 使 雾 看 起 来 更 加 萄 渺 ， 如 图 15.6 右 图 所 示 。 而 这 就 可 以 通过 使 用 一 
张 噪声 纹理 来 实现 。 














A 图 15.6 左边 : 均匀 和 雾 效 ， 右 边 : 使 用 噪声 纹理 后 的 非 均 匀 雾 效 


本 节 的 实现 非常 简单 ， 绝 大 多 数 代码 和 13.3 节 中 的 完全 一 样 ， 我 们 
只 是 添加 了 噪声 相关 的 参数 和 属性 ， 并 在 Shader 的 片 元 着 色 器 中 对 高 度 
的 计算 添加 了 噪声 的 影响 。 为 了 完整 性 ， 我 们 会 给 出 本 节 使 用 的 脚本 和 
Shader 的 实现 ， 但 其 中 使 用 的 原理 不 再 歼 述 ， 读 者 可 参见 13.3 节 。 


我 们 首先 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_15 3。 在 
Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 
用 了 A 天 空 合子。 在 Window -> Lighting -> Skybox 中 去 掉 场 景 中 的 


天 空 盒 





(2) 我 们 需要 搭建 一 个 测试 筋 效 的 场景 。 在 本 书 资源 的 实现 中 ， 


我 们 构建 了 一 个 包含 3 面 增 的 房间 ， 并 放置 了 两 个 立方 体 和 两 个 球体 ， 
它们 都 使 用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 
FogWithNoise.cs。 把 该 脚本 拖 上 忠 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 
Chapter15-FogWithNoise。 


我 们 首先 来 编写 FogWithNoise.cs 脚 本 。 打 开 该 脚本， 并 进行 如 下 修 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class FogWithNoise : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader fogshader; 
private Material fogMaterial = null; 


public Material material { 
get { 
fogMaterial = CheckShaderAndCreateMaterial(fogShader, fogMaterial) 


return fogMaterial; 
} 
} 





(3) 在 本 节 中 ， 我 们 需要 获取 摄像 机 的 相关 参数 ， 如 近 裁 前 平面 
的 距离 、FOV 等 ， 同 时 还 需要 获取 摄像 机 在 世界 空间 下 的 前 方 、 上 方 和 
右 方 等 方向 ， 因 此 我 们 用 两 个 变量 存储 摄像 机 的 Camera 组 件 和 
Transform 组 件 : 





private Camera myCamera; 
public Camera camera { 
get { 


if (myCamera == null) { 
myCamera = GetComponent<Camera>(); 


} 


return myCamera; 


} 


private Transform myCameraTransform; 
public Transform cameraTransform { 


get { 
if (myCameraTransform == null) { 
myCameraTransform = camera.transform; 
} 


return myCameraTransform; 





(4) 定义 模拟 雾 效 时 使 用 的 各 个 参数 : 


[Range(6.1f，3.6f)] 
public float fogDensity = 1.6f; 


public Color fogColor = Color.white; 


public float fogStart = 6.6f; 
public float fogEnd = 2.6f; 


public Texture noiseTexture 


[Range(-6.5f，6.5f)] 
public float fogXSpeed 


[Range(-6.5f，6.5f)] 
public float fogYSpeed 


[Range(6.6f，3.6f)] 
public float noiseAmount 





fogDensity 用 于 控制 雾 的 浓度 ，fogColor 用 于 控制 雾 的 颜色 。 我 们 使 
用 的 筋 效 模拟 函数 是 基于 高 度 的 ， 因 此 参数 fogStart 用 于 控制 筋 效 的 起 





台 高 度 ，fogEnd 用 于 控制 粤 效 的 终止 高 度 。noiseTexture 是 我 们 使 用 的 品 
声 纹 理 ，fogXSpeed 和 fogYSpeed 分 别 对 应 了 噪声 纹理 在 X 和 Y 方 同上 的 
移动 速度 ， 以 此 来 模拟 筋 的 飘动 效果 。 最 后 ，noiseAmount 用 于 控制 噪 
声 程度 ， 当 noiseAmount 为 0 时 ， 表 示 不 应 用 任何 噪声 ， 即 得 到 一 个 均匀 
的 基于 高 度 的 全 局 筋 效 。 


(5) 由 于 本 例 需要 获取 摄像 机 的 深度 纹理 ， 我 们 在 脚本 的 
OnEnable 函 数 中 设置 摄像 机 的 相应 状态 : 


void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode.Depth; 


} 





(6) 最后， 我 们 实现 了 OnRenderImage 函 数 : 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
Matrix4x4 frustumCorners = Matrix4x4.identity; 


// Compute frustumCorners 


material.SetMatrix("_ FrustumCornersRay", frustumCorners); 


material.SetFloat(" FogDensity", fogDensity); 
material.SetColor(" FogColor", fogColor); 
material.SetFloat(" FogStart", fogStart); 
material.SetFloat(" FogEnd", fogEnd); 


material.SetTexture(" NoiseTex", noiseTexture); 
material.SetFloat(" FogXSpeed", fogXSpeed); 
material.SetFloat(" FogYSpeed", fogYSpeed); 
material.SetFloat(" NoiseAmount", noiseAmount); 


Graphics.Blit (src, dest, material); 
} else { 
Graphics.Blit(src, dest); 


} 





我 们 首先 利用 13.3 节 学 习 的 方法 计算 近 裁 剪 平面 的 4 个 角 对 应 的 辐 
量 ， 并 把 它们 存储 在 一 个 矩阵 类 型 的 变量 (frustumCorners) 中 。 计 算 
过 程 和 原理 均 可 参见 13.3 节 。 随 后 ， 我 们 把 结果 和 其 他 参数 传递 给 材 
质 ， 并 调用 Graphics.Blit (src, dest material ) 把 泻 染 结果 显示 在 屏幕 
ee 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter15-FogWithNoise， 进 
行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
MainTex ("Base (RGB)", 2D) = "white" {} 
_FogDensity ("Fog Density", Float) = 1.6 
_FogColor ("Fog Color", Color) = (1, 1, 1, 1) 
_FogStart ("Fog Start", Float) = 0.6 
_FogEnd ("Fog End", Float) = 1.6 


_NoiseTex ("Noise Texture", 2D) = "white" {} 
_FogXSpeed ("Fog Horizontal Speed", Float) = 6.1 
_FogYSpeed ("Fog Vertical Speed", Float) = 6.1 
_NoiseAmount ("Noise Amount", Float) = 1 





(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 
SubShader 块 中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 








(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 





float4x4 _FrustumCornersRay; 


sampler2D MainTex; 
half4 MainTex_ TexelSize; 


sampler2D CameraDepthTexture; 
half _FogDensity; 

fixed4 FogColor; 

float FogStart; 

float _FogEnd; 

sampler2D _NoiseTex; 

half _FogXSpeed; 

half _FogYSpeed; 

half _NoiseAmount 





_FrustumCornersRay 虽 然 没 有 在 Properties 中 声明 ， 但 仍 可 由 脚本 传 
递 给 Shader。 除 了 Properties 中 声明 的 各 个 属性 ， 我 们 还 声明 了 深度 纹理 
_CameraDepthTexture，Unity 会 在 背后 把 得 到 的 深度 纹理 传递 给 该 值 。 


(4) 定义 顶点 着 色 器 ， 这 和 13.3 节 中 的 实现 完全 一 致 。 读 者 可 以 
在 13.3 节 找到 它 的 实现 和 相关 解释 。 


(5) 定义 片 元 着 色 器 : 


fixed4 frag(v2f i) : SV_Target { 

float linearDepth = LinearEyeDepth(SAMPLE DEPTH_ TEXTURE(_CameraDepthTe 
xture, i. uv_depth)); 

float3 worldPos = WorldSpaceCameraPos + linearDepth * i.interpolatedR 
ay .xyz; 


float2 speed = Time.y * float2( FogXSpeed, FogYSpeed); 
float noise = (tex2D( NoiseTex, i.uv + speed).r - 6.5) * NoiseAmount; 


float fogDensity = (_FogEnd - worldPos.y) / (_FogEnd - FogStart); 
fogDensity = saturate(fogDensity * FogDensity * (1 + noise)); 


fixed4 finalColor = tex2D( MainTex, i.uv); 
finalColor.rgb = lerp(finalColor.rgb, _FogColor.rgb, fogDensity); 


return finalColor; 








我 们 首先 根据 深度 纹理 来 重建 该 像素 在 世界 空间 中 的 位 置 。 然 后 ， 
我 们 利用 内 置 的 _Time.y 变 量 和 _FogXSpeed、_FogYSpeed 属 性 计算 出 当 
前 噪声 纹理 的 俩 移 量 ， 并 据 此 对 噪声 纹理 进行 采样 ， 得 到 噪声 值 。 我 们 


把 该 值 减 去 0.5， 再 乘 以 控制 噪声 程度 的 属性 _ NoiseAmount， 人 得 到 最 终 

的 噪声 值 。 随 后 ， 我 们 把 该 噪声 值 添加 到 盈 效 浓度 的 计算 中 ， 得 到 应 用 
噪声 后 的 雾 效 混合 系数 fogDensity。 最 后 ， 我 们 使 用 该 系数 将 雾 的 颜色 

和 原始 颜色 进行 混合 后 返回 。 


(6) 随后 ， 我 们 定义 了 筋 效 泻 染 所 需 的 Pass: 





Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


ENDCG 





(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter15-FogWithNoise 拖 中 到 摄像 机 的 
FogWithNoise.cs 脚 本 中 的 fogShader 参 数 中 。 当 然 ， 我 们 可 以 在 
FogWithNoise.cs 的 脚本 面板 中 将 fogShader 参 数 的 默认 值 设 置 为 
Chapter15-FogWithNoise， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 电 
了 。 本 市 使 用 的 噪声 纹理 (对 应 本 书 资源 的 
Assets/Textures/Chapter15/Fog_Noise.jpg) 如 图 15.7 所 示 。 我 们 把 该 噪声 
纹理 拖 忠 到 FogWithNoise.cs 肢 本 中 的 noiseTexture 参 数 中 ， 我 们 也 可 以 参 
照 之 前 的 方法 ， 直 接 在 FogWithNoise.cs 的 脚本 面板 中 将 noiseTexture 参 数 
ne 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 








A 图 15.7 本 节 使 用 的 噪声 纹理 


15.4 扩展 阅读 


读者 在 阅读 本 章 时 ， 可 能 会 有 一 个 疑问 : 这 些 噪声 纹理 都 是 如 何 构 
建 出 来 的 ? 这 些 噪声 纹理 可 以 被 认为 是 一 种 程序 纹理 〈Procedure 
Texture) ， 它 们 都 是 由 计算 机 利用 某 些 算法 生成 的 。Perlin 噪 声 

(https://en.wikipedia.org/wiki/Perlin_noise ) 和 Worley 噪 声 
(https://en.wikipedia.org/wiki/Worley_noise ) 是 两 种 最 常 使 用 的 噪声 类 
型 ， 例 如 我 们 在 15.3 节 中 使 用 的 噪声 纹理 由 Perlin 噪 声 生 成 而 来 。Perlin 
噪声 可 以 用 于 生成 更 自然 的 噪声 纹理 ， 而 Worley 品 声 则 通常 用 于 模拟 诸 
如 石头 、 水 、 纸 张 等 多 孔 噪 声 。 现 代 的 网 像 编 辑 软件 ， 如 Photoshop 
等 ， 往 往 提供 了 类 似 的 功能 或 插件 ， 以 帮助 美术 人 员 生 成 需要 的 噪声 纹 
理 ， 但 如 果 读 者 想 要 更 加 自由 地 控制 噪声 纹理 的 生成 ， 可 能 就 需要 了 解 
它们 的 生成 原理 。 读 者 可 以 在 这 个 博客 
(http://flafla2.github.io/2014/08/09/perlinnoise.html ) 中 找到 一 篇 关于 理 
解 Perlin 噪 声 的 非常 好 的 文章 ， 在 文章 的 最 后 ， 作 者 还 给 出 了 很 多 其 他 
出 色 的 参考 链接 。 关 于 Worley 噪 声 ， 读 者 可 以 在 作者 Worley1998 年 发 表 
的 论文 册 中 找到 它 的 算法 和 实现 细节 。 在 另 一 个 非常 好 的 博客 
(http://scrawkblog.com/category/procedural-noise/ ) 中 ， 博 主 给 出 了 很 
多 程序 噪声 在 Unity 中 的 实现 ， 并 包含 了 实现 源码 。 
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A 六 -ar 。 v3 、 、 
第 16 半 Unity 中 的 演 染 优化 技术 
程序 优化 的 第 一 条 准则 : 不 要 优化 。 程 序 优 化 的 第 二 条 准则 〈( 仅 针对 专 
家 ! ) : 不 要 优化 。 
一 Michael A. Jackson 
在 进行 程序 优化 的 时 候 ， 人 们 经 和 常会 引用 英国 的 计算 机 科学 家 
Michael A. Jackson 在 1988 年 的 优化 准则 。Jackson 是 想 借 此 强调 ， 对 问题 
认识 不 消 以 及 过 度 优化 往往 会 让 事情 变 得 更 加 复杂 ， 产 生 更 多 的 程序 错 
误 。 











然而 ， 如 果 我 们 在 游戏 开发 过 程 中 从 来 都 没有 考虑 优化 ， 那 么 结果 
往往 是 惨不忍睹 的 。 一 个 正确 的 做 法 是 ， 从 一 开始 就 把 优化 当成 是 游戏 
设计 中 的 一 部 分 。 正 在 阅读 本 书 的 读者 ， 有 可 能 是 移动 游戏 的 开发 者 。 
和 PC 相 比 ， 移 动 设备 上 的 GPU 有 着 完 全 不 同 的 架构 设计 ， 它 能 使 用 的 
佛 宽 、 功 能 和 其 他 资源 都 非常 有 限 。 这 要 求 我 们 需要 时 刻 把 优化 讶 记 在 
SP 
运行 JS<H 木 。 


在 本 章 ， 我 们 将 会 阐述 一 些 Unity 中 常见 的 优化 技术 。 这 些 优化 技 
术 都 是 和 泻 染 相关 的 ， 例 如 ， 使 用 批 处 理 、LOD (Level of Detail) 技术 
等 。 在 本 章 最 后 的 扩展 阅读 部 分 ， 我 们 给 出 一 些 非常 有 价值 的 参考 资 
料 ， 在 那里 读者 可 以 学 习 到 更 多 真实 项 目 中 的 优化 技术 。 


在 开始 学 习 之 前 ， 我 们 希望 读者 能 够 理解 ， 游 戏 优 化 不 仪 是 程序 员 
的 工作 ， 更 需要 美工 人 员 在 游戏 的 美术 上 进行 一 定 的 权衡 ， 例 如 ， 避 免 
使 用 全 屏 的 屏幕 特效 ， 避 免 使 用 计算 复杂 的 shader， 减 少 透 明 混 合 造 成 
的 overdraw 等 。 也 就 是 说 ， 这 是 由 程序 员 和 美工 人 员 等 各 个 部 分 人 员 共 
同 参 与 的 工作 。 

















16.1 移动 平台 的 特点 


和 PC 平台 相 比 ， 移 动 平 台 上 的 GPU 架 构 有 很 大 的 不 同 。 由 于 处 理 
资源 等 条 件 的 限制 ， 移 动 设 备 上 的 GPU 架构 专注 于 尽 可 能 使 用 更 小 的 带 
宽 和 功能 ， 也 由 此 带 来 了 许多 和 PC 平台 完全 不 同 的 现象 。 


例如 ， 为 了 尽 可 能 移 除 那些 隐藏 的 表面 ， 减 少 overdraw 〈 即 一 个 像 
素 被 绘制 多 次 ) ，PowerVR 心 片 〈 通 常用 于 iOS 设 备 和 某 些 Android 设 
备 ) 使 用 了 基于 瓦 片 的 延迟 泻 染 〈Tiled-based Deferred Rendering， 
TBDR) 染 构 ， 把 所 有 的 泻 染 图 像 装 入 一 个 个 瓦 片 (tile〉 中 ， 再 由 硬 
件 找 到 可 见 的 片 元 ， 而 只 有 这 些 可 见 片 元 才 会 执行 片 元 着 色 器 。 男 一 些 
基于 瓦 片 的 GPU 架构 ， 如 Adreno 〈 高 通 的 芯片 ) 和 Mali (ARM 的 蕊 片 ) 
则 会 使 用 Early-Z 或 相似 的 技术 进行 一 个 低 精 度 的 的 深度 检测 ， 来 剔除 那 
些 不 需要 泻 染 的 片 元 。 还 有 一 些 GPU， 如 Tegra 〈 英 伟 达 的 芯片 ) ， 则 
， 因此 在 这 些 设 备 上 ，overdraw 更 可 能 造成 性 能 
J 瓶 仙 。 


由 于 这 些 心 片 架 构造 成 的 不 同 ， 一 些 游戏 往往 需要 针对 不 同 的 已 片 
发 布 不 同 的 版 本 ， 以 便 对 每 个 心 片 进行 更 有 人 针对 性 的 优化 。 尤 其 是 在 
Android 平 台 上 ， 不 同 设备 使 用 的 硬件 ， 如 图 形 必 族 、 屏 幕 分 辨 率 等 ， 
大 相 径 姓 ， 这 对 图 形 优化 提出 了 更 高 的 挑战 。 相 比 与 Android 和 平台 ，iOS 
平台 的 人 硬件 条 件 则 相对 统一 。 读 者 可 以 在 Unity 手 册 的 iOS 硬件 指南 
(http://docs.unity3d.com/Manual/ iphone-Hardware.html ) 中 找到 相关 的 
资料 。 


16.2 ”影响 性 能 的 因素 


首先 ， 在 学 习 如 何 优化 之 前 ， 我 们 得 了 解 影响 游戏 性 能 的 因素 有 哪 
些 ， 才 能 对 症 下 药 。 对 于 一 个 游戏 来 说 ， 它 主要 需要 使 用 两 种 计算 资 
源 : CPU 和 GPU。 它 们 会 互相 合作 ， 来 让 我 们 的 游戏 可 以 在 预期 的 帧 率 
和 分 辨 率 下 工作 。 其 中 ，CPU 主 要 负责 保证 帧 率 ，GPU 主 要 负责 分 辨 
率 相关 的 一 些 处 理 。 


据 此 ， 我 们 可 以 把 造成 游戏 性 能 瓶颈 的 主要 原因 分 成 以 下 几 个 方 


1) CPUs 


过 多 的 draw call。 
复杂 的 脚本 或 者 物理 模拟 。 


(2) GPU。 


。 顶点 处 理 。 
o 过 多 的 顶点 。 
o 过 多 的 逐 顶点 计算 。 
。 片 元 处 理 。 
o 过 多 的 片 元 《〈 既 可 能 是 由 于 分 辨 率 造 成 的 ， 也 可 能 是 由 于 
overdraw 造 成 的 ) 。 


o 过 多 的 逐 片 元 计算 。 
(3) 带宽 。 


使 用 了 尺寸 很 大 且 未 压缩 的 纹理 。 
分 辨 率 过 高 的 帧 缓存 。 


对 于 CPU 来 说 ， 限 制 它 的 主要 是 每 一 帧 中 draw call 的 数目 。 我 们 曾 
在 2.2 节 和 2.4.3 节 中 介绍 过 draw call 的 相关 概念 和 原理 。 人 简单 来 说 ， 束 是 
CPU 在 每 次 通知 GPU 进行 泻 染 之 前 ， 都 需要 提前 准备 好 顶点 数据 〈 如 位 
置 、 法 线 、 颜 色 、 纹 理 坐 标 等 ) ， 然 后 调用 一 系列 API 把 它们 放 到 GPU 
可 以 访问 到 的 指定 位 置 ， 最 后 ， 调 用 一 个 绘制 命令 ， 来 告诉 
GPU,“ 嘿 ,我 把 东西 都 准备 好 了 ， 你 赶紧 出 来 干 活 ( 演 染 ) 吧 ! ”。 而 














调用 绘制 命令 的 时 候 ， 束 会 产生 一 个 draw call。 过 多 的 draw call 会 造成 
CPU 的 性 能 瓶颈 ， 这 是 因为 每 次 调用 draw call 时 ，CPU 往 往 都 需要 改变 
很 多 渲染 状态 的 设置 ， 而 这 些 操作 是 非常 耗 时 的 。 如 果 一 帧 中 需要 的 

draw call 数 目 过 多 的 话 ， 就 会 导致 CPU 把 大 部 分 时 间 都 花费 在 提交 draw 
call 的 工作 上 面 了 。 当 然 ， 其 他 原因 也 可 能 造成 CPU 撼 颈 ， 例 如 物理 、 

布料 模拟 、 蒙 皮 、 粒 子 模拟 等 ， 这 些 都 是 计算 量 很 大 的 操作 ， 但 由 于 本 
和 因此 ， 这 些 内 容 不 在 本 书 的 讨论 苑 


而 对 于 GPU 来 次 ， 它 负 贡 整个 泻 染 流水 线 。 它 从 处 理 CPU 传 递 过 来 
的 模型 数据 开始 ， 进 行 项 点 着 色 器 、 片 元 着 色 器 等 一 系列 工作 ， 最 后 输 
出 屏幕 上 的 每 个 像素 。 因 此 ，GPU 的 性 能 瓶颈 和 需要 处 理 的 顶点 数目 、 
屏幕 分 辨 京 、 显 存 等 因 系 有 关 。 而 相关 的 优化 全 上 略 可 以 从 减少 处 理 的 数 
据 规 模 (包括 顶点 数 目 和 厂 元 数目 ) 、 减 少 运算 复 杂 度 等 方面 入 手 。 


在 了 解 了 上 面 基本 的 内 容 后 ， 本 章 后 续 章 节 会 涉及 的 优化 技术 有 。 
(1) CPU 优化 。 

。 使 用 批 处 理 技术 减少 draw call 数 目 。 
(2) GPU 优化 。 


。 减少 需要 处 理 的 顶点 数目 。 
o 优化 几何 体 。 
o 使 用 模型 的 LOD (Level of Detail) 技术 。 
o 使 用 遮挡 剔除 (Occlusion Culling) 技术 。 
。 减少 需要 处 理 的 片 元 数目 。 
o 控制 绘制 顺序 。 
o 警惕 透明 物体 。 
o 减少 实时 光照。 
。 减少 计算 复杂 上 度 。 
o 使 用 Shader 的 LOD (Level of Detail) 技术 。 
o 代码 方面 的 优化 。 


(3) 节省 内 存 带宽 。 


。 减 少 纹理 大 小 ， 























。 利用 分 辩 率 缩放 。 


在 开始 优化 之 前 ， 我 们 衣 先 需要 知道 是 哪个 步骤 造成 了 性 能 瓶颈 。 
而 这 可 以 利用 Unity 提 供 的 一 些 泻 染 分 析 工 具 来 实现 。 


16.3 Unity 中 的 演 染 分 析 工 具 


Unity 内 置 了 一 些 工 具 ， 来 帮助 我 们 方便 地 查看 和 演 染 相关 的 各 个 
统计 数据 。 这 些 数据 可 以 帮助 我 们 分 析 游 戏 泻 染 性 能 ， 从 而 更 有 针对 性 
地 进行 优化 。 在 Unity 5 中 ， 这 些 工 具 包 括 了 泻 染 统计 窗口 (Rendering 
Statistics Window) 、 人 性 能 分 析 器 (Profiler) ， 以 及 帧 调试 器 (Frame 
Debugger) 。 需 要 注意 的 是 ， 在 不 同 的 目标 平台 上 ， 这 些 工 具 中 显示 的 
数据 也 会 发 生变 化 。 





16.3.1 认识 Unity 5 的 泻 染 统计 窗口 


Unity 5 提供 了 一 个 全 新 的 窗口 ， 即 演 染 统计 窗口 (Rendering 
Statistics Window) 来 显示 当前 游戏 的 各 个 泻 染 统计 变量 ， 我 们 可 以 通 
过 在 Game 视 图 右上 方 的 某 单 中 单 击 Stats 按 钮 来 打开 它 ， 如 图 16.1 所 示 。 
从 图 16.1 中 可 以 看 出 ， 演 染 统 计 窗 口 主要 包含 了 3 个 方面 的 信息 : 音频 

CAudio) 、 图 像 〈Graphics) 和 网 络 (Network) 。 我 们 这 里 只 关注 第 
二 个 方面 ， 即 图 像 相关 的 泻 染 统计 结 


泻 染 统计 窗口 中 显示 了 很 多 重要 的 渔 染 数据 例如 FPS、 批 处 理 数 
目 、 顶 点 和 三 角 网 格 的 数目 等 。 表 16.1 列 出 了 泻 染 统 计 窗 口中 显示 的 各 


个 信息 。 








和 图 16.1 Unity 5 的 演 染 统计 窗口 
表 16.1 




















E 和 演 染 一 帧 所 需 的 时 间 ， 以 及 
































合并 的 批 处 理 数目 ， 这 个 数字 表明 了 批 处 理 为 我 们 节省 了 多 少 draw 


call 


























需要 绘制 的 三 角 面 片 和 顶点 数目 
屏幕 的 大 小 ， 以 及 它 占 用 的 内 存 大 小 


ee 泻 染 使 用 的 Pass 的 数目 ， 每 个 Pass 都 需要 Unity 的 runtime 来 绑 定 一 个 
新 的 Shader， 这 可 能 造成 CPU 的 瓶颈 











演 染 的 蒙 皮 网 格 的 数目 





播放 的 动画 数目 


Unity 5 的 泻 染 统计 窗口 相 较 于 之 前 版 本 中 的 有 了 一 些 变 化 ， 最 明显 
的 区 别 之 一 就 是 去 挥 了 draw cal 数 目的 显示 ， 而 添加 了 批 处 理 数 目的 显 
示 。Batches 和 Saved by batching 更 容易 让 开发 者 理解 批 处 理 的 优化 结 
琳 。 当然 ， 如 果 我 们 想 要 查看 draw call 的 数目 等 其 他 更 加 详细 的 数据 
可 以 通过 Unity 编 辑 器 的 性 能 分 析 器 来 查看 。 


16.3.2 ”性 能 分 析 器 的 泻 染 区 域 


我 们 可 以 通过 单 击 Window > Profile oy A Unity E 分 析 器 
(Profiler) 。 性 能 分 析 器 中 的 演 染 区 域 (Rendering Area) 提供 了 更 多 
关于 泻 染 末 的 统计 信息 轧 ， 图 16.2 给 出 了 对 图 16.1 中 场景 的 泻 染 分 析 结 果 。 








Setpass Calls:8 DrawCalls otal Batches. 10 Ts 32k Verts: 2.4k 
(Dynamic Batching) ed praw ult: ll Batches:4 Tris: 132 Verts: 264 
Batched Dr Verts:0 


Batches: 0 Tris:0 
Used Textures: 7 - 7.3 MB 
RenderTextures: 9 ~ 27.3 MB 
exture 5 
Screen 557x411 ~- 
:29.9 Matos Ne MB (of 1.00 CB) 


4 图 16.2 ”使 用 Unity 的 性 能 分 析 器 中 的 泻 染 区 域 来 查看 更 多 关于 泻 染 的 统计 信息 





性 能 分 析 器 显示 了 绝 大 部 分 在 泻 染 统计 窗口 中 提供 的 信息 ， 例 如 ， 
绿 线 显示 了 批 处 理 数 目 、 赣 线 显 示 了 Pass 数 目 等 ， 同 时 还 给 出 了 许多 其 
他 非常 有 用 的 信息 ， 例 如 ，draw call 数 目 、 动 态 批 处 理 / 静 态 批 处 理 的 数 
目 、 泻 染 纹 理 的 数目 和 内 存 占 用 等 。 


结合 泻 染 统计 窗口 和 性 能 分 析 器 ， 我 们 可 以 查看 与 泻 染 相关 的 绝 大 
多 数 重 要 的 数据 。 一 个 值得 注意 的 现象 是 ， 性 能 分 析 器 给 出 的 draw call 
数目 和 批 处 理 数目 、Pass 数 目 并 不 相等 ， 并 且 看 起 来 好 像 要 大 于 我 们 佑 
算 的 数目 ， 这 是 因为 Unity 在 背后 需要 进行 很 多 工作 ， 例 如 ， 初 始 化 各 
个 缓存 、 为 阴影 更 新 深度 纹理 和 阴影 映射 纹理 等 ， 因 此 需要 花费 比 “ 预 
期 ”更 多 的 draw call。 一 个 好 消息 是 ，Unity 5 引入 了 一 个 新 的 工具 来 帮助 
我 们 查看 每 一 个 draw call 的 工作 ， 这 个 工具 就 是 帧 调试 器 。 


16.3.3 ”再 谈 帧 调试 器 


我 们 已 经 在 之 前 的 章节 中 多 次 看 到 帧 调试 器 (Frame Debugger) 
的 应 用 ， 例 如 5.5.3 节 中 解释 了 如 何 使 用 帧 调试 器 来 对 Shader 进 行 调 试 。 
我 们 可 以 通过 Window -> Frame Debugger 来 打开 它 。 在 这 个 窗口 中 ， 我 
们 可 以 清楚 地 看 到 每 一 个 draw call 的 工作 和 结果 ， 如 图 16.3 所 示 。 


Frame Debug | JOO 
» 


Enable "| of 14 ‘ 

















Event #14: Draw Mesh 
Shader: Unity Shaders Book/Common /Bumped Specular pass #0 DIRECTIONAL SHADOW 
Blend One Zero, One Zero ColorMask RCEA 


Le 


vUpdateDepthTexture 
Clear (color+Z+stencil) 
Draw Mesh Cube (2) 


Draw Mesh Sphere ZTest LessEqual ZWirite On Cull Back Offset 0, 0 
Dynamic Batch 
wDrawing 10 
vRender. OpaqueCeometry 10 
RenderForwardOpaque.Render 10 
vShadows,RenderShadowmap 
Shadows RendershadowmapDIr 5 
Clear (color+2+stencil) 


Dynamic Batch 
Draw Mesh Sphere 
Dynamic Batch 
Draw Mesh Sphere 
vRenderFforwardOpaque .CollectShadows 2 
vshadows.CollectSshadows 
Clear {color) 
Draw CL 
vwClear 1 
Clear (color+Z+stencid) 
Dynamic Batch 
Draw Mesh Sphere 





Sphere subset 0 
verts, 2304 indi 


S15 





4 图 16.3 ”使 用 帧 调试 器 来 查看 单独 的 draw call 的 绘制 结果 





帧 调试 器 的 调试 面板 上 显示 了 泻 染 这 一 帧 所 需要 的 所 有 的 泻 染 事 

件 ， 在 本 例 中 ， 事 件数 目 为 14， 而 其 中 包含 了 10 个 draw call 事 件 (其 他 
泻 染 事件 多 为 清空 缓存 等 ) 。 通 过 单 击 面板 上 的 每 个 事件 ， 我 们 可 以 在 
Game 视 图 碍 看 该 事件 的 绘制 结果 ， 同 时 演 染 统计 面板 上 的 数据 也 会 显 
示 成 截止 到 当前 事件 为 止 的 各 个 演 染 统计 数据 。 以 本 例 为 例 〈 场 景 如 图 
16.1 所 示 ) ， 要 演 染 一 帧 共 需 要 花费 10 个 draw call， 其 中 4 个 draw call 用 
于 更 新 深度 纹理 〈 对 应 UpdateDepthTexture) ，4 个 draw call 用 于 泻 染 平 
行 光 的 阴影 映射 纹理 ，1 个 draw call 用 于 绘制 动态 批 处 理 后 的 3 个 立方 体 
模型 ，1 个 draw call 用 于 绘制 球体 。 


在 Unity 的 演 染 统计 和 窗口、 分 析 恬 和 帧 调试 器 这 3 个 利 右 的 帮助 下 ， 
我 们 可 以 获得 很 多 有 用 的 优化 信息 。 但 是 ， 很 多 诸如 演 染 时 间 这 样 的 数 
据 是 基于 当前 的 开发 平台 得 到 的 ， 而 非 真 机 上 的 结果 。 事 实 上 ，Unity 
正在 和 硬件 生产 商 合 作 ， 来 首先 让 使 用 英 伟 达 图 害 (Tegra)〉 的 设备 可 
以 出 现在 Unity 的 性 能 分 析 嚣 中。 我 们 有 理由 相信 ， 在 后 续 的 Unity 版 本 
中 ， 直 接 在 Unity 中 对 移动 设备 进行 性 能 分 析 不 再 是 梦想 。 然 而 ， 在 这 
个 梦想 实现 之 前 ， 我 们 仍然 需要 一 些 外 部 的 性 能 分 析 工 具 的 帮助 。 


16.3.4 ”其 他 性 能 分 析 工 具 


对 于 移动 平台 上 的 游戏 来 说 ， 我 们 更 希望 得 到 在 真 机 上 运行 游戏 时 
的 性 能 数据 ， 这 时 ，Unig 目前 提 贷 的 各 个 工具 可 能 就 不 再 能 清 中 我们 
4 需求 了 。 


对 于 Android 平 台 来 说 ， 高 通 的 Adreno 分 析 工 具 可 以 对 不 同 的 测试 
机 进行 详细 的 性 能 分 析 。 英 伟 达 提 供 了 NVPerfHUD 工 具 来 帮助 我 们 得 
到 几乎 所 有 需要 的 性 能 分 析 数 据 ， 例 如 ， 每 个 draw call 的 GPU 时 间 ， 
个 shader 花 费 的 cycle 数 目 等 。 


对 于 iOS 平 台 来 说 ，Unity 内 置 的 分 析 器 可 以 得 到 整个 场景 花费 的 
GPU 时 间 。PowerVRAM 的 PVRUniSCo shader 分 析 器 也 可 以 给 出 一 个 大 
致 的 性 能 评估 。Xcode 中 的 OpenGL ES Driver Instruments 可 以 给 出 一 些 
宏观 上 的 性 能 信息 ， 例 如 ， 设 备 利 用 率 、 泻 染 需 利用 率 等 。 但 相对 于 
Android 平 台 ， 对 iOS 的 性 能 分 析 更 加 困难 (工具 较 少 ) 。 而 且 PowerVR 
必 片 采用 了 基于 瓦 片 的 延迟 演 染 器 ， 因 此 ， 想 要 得 到 每 个 draw call 花 费 
， 间 是 几乎 不 可 能 的 。 这 时 ， 一 些 宏观 上 的 统计 数据 可 能 更 有 参 

川 o 























一 些 其 他 的 性 能 分 析 工 具 可 以 在 Unity 的 官方 手册 
(http://docs.unity3d.com/Manual/ MobileProfiling.html ) 中 找到 。 当 找到 
了 性 能 瓶 祷 后 ， 我 们 就 可 以 针对 这 些 方面 进行 特定 的 优化 。 


16.4 减少 draw call 数 目 


读者 最 常 看 到 的 优化 技术 大 概 就 是 批 处 理 〈batching) 了 。 批 处 理 
的 实现 原理 就 是 为 了 减少 每 一 帧 需要 的 draw call 数 日 。 为 了 把 一 个 对 象 
泻 染 到 屏 亲 上，CPU 需 要 检查 哪些 光源 影响 了 该 物体 ， 绑 定 shader 并 设 
置 它 的 参数 ， 再 把 演 染 命令 发 送 给 GPU。 当 场景 中 包含 了 大 量 对 象 时 ， 
这 些 操作 就 会 非常 耗 时 。 一 个 极端 的 例子 是 ， 如 果 我 们 需要 泻 染 一 千 个 
三 角形 ， 把 它们 按 一 干 个 单独 的 网 格 进 行 演 染 所 花费 的 时 间 要 远 远 大 于 
泻 染 一 个 包含 了 一 干 个 三 角形 的 网 格 。 在 这 两 种 情况 下 ，GPU 的 性 能 消 
耗 其 实 并 没有 多 大 的 区 别 ， 但 CPU 的 draw call 数 目 就 会 成 为 性 能 瓶颈 。 
因此 ， 批 处 理 的 思想 很 简单 ， 束 是 在 每 次 调用 draw call 时 尽 可 能 多 地 处 
理 多 个 物体 。 我 们 已 经 在 2.2 节 和 2.4.3 节 中 详细 地 讲述 了 draw cal 和 批 处 
理 之 间 的 联系 ， 本 节目 在 介绍 如 何在 Unity 中 利用 批 处 理 技术 来 优化 演 
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那么 ， 什 么 样 的 物体 可 以 一 起 处 理 呢 ? 答案 就 是 使 用 同一 个 材质 的 
物体 。 这 是 因为 ， 对 于 使 用 同一 个 材质 的 物体 ， 它 们 之 间 的 不 同 仅仅 在 
于 顶点 数据 的 差别 。 我 们 可 以 把 这 些 顶 点 数据 合并 在 一 起 ， 再 一 起 发 送 
给 GPU， 就 可 以 完成 一 次 批 处 理 。 


Unity 中 文 持 两 种 批 处 理 方式 : 一 种 是 动态 批 处 理 ， 男 一 种 是 静态 
批 处 理 。 对 于 动态 批 处 理 来 说 ， 优 点 古 一 切 处 理 都 是 Unity 自 动 完成 
的 ， 不 需要 我 们 自己 做 任何 操作 ， 而 且 物 体 是 可 以 移动 的 ， 但 缺点 是 ， 
限制 很 多 ， 可 能 一 不 小 心 束 会 破坏 了 这 种 机 制 ， 导 致 Unity 无 法 动态 批 
处 理 一 些 使 用 了 相同 材质 的 物体 。 而 对 于 静态 批 处 理 来 说 ， 它 的 优点 是 
目 由 度 很 品 ， 限 制 很 少 ， 但 缺点 是 可 能 会 占用 更 多 的 内 存 ， 而 且 经 过 青 
态 批 处 理 后 的 所 有 物体 都 不 可 以 再 移动 了 即便 在 脚本 中 尝试 改变 物体 
的 位 置 也 是 无 效 的 ) 。 


16.4.1 动态 批 处 理 


如 末 场 景 中 有 一 些 模型 共享 了 同一 个 材质 并 满足 一 些 条 件 ，Unity 
就 可 以 自动 把 它们 进行 批 处 理 ， 从 而 只 需要 人 花费 一 个 draw call 束 可 以 演 
染 所 有 的 模型 。 动 态 批 处 理 的 基本 原理 是 ， 每 一 帧 把 可 以 进行 批 处 理 的 
模型 网 格 进行 合并 ， 再 把 合并 后 模型 数据 传递 给 GPU， 然 后 使 用 同一 个 
材质 对 其 泻 染 。 除 了 实现 方便 ， 动 态 批 处 理 的 另 一 个 好 处 是 ， 经 过 批 处 

















理 的 物体 仍然 可 以 移动 ， 这 是 由 于 在 处 理 每 帧 时 Unity 都 会 重新 合并 一 
次 网 格 。 


虽然 Unity 的 动态 批 处 理 不 需要 我 们 进行 任何 额外 工作 ， 但 只 有 满 
足 条 件 的 模型 和 材质 才 可 以 被 动态 批 处 理 。 需 要 注意 的 是 ， 随 着 Unity 
2 
条 件 限制 。 


能 够 进行 动态 批 处 理 的 网 格 的 顶点 属性 规模 要 小 于 900。 例 如 ， 如 
果 shader 中 需要 使 用 顶点 位 置 、 法 线 和 纹理 坐标 这 3 个 顶点 属性 ， 那 
么 要 想 让 模型 能 够 被 动态 批 处 理 ， 它 的 顶点 数目 不 能 超过 300。 需 
I 
| 

一 般 来 说 ， 所 有 对 象 都 需要 使 用 同一 个 缩放 尺度 〈 可 以 是 (1, 1 1)、 
(1, 2, 3)、(1.5, 1.4, 1.3) 等 ， 但 必须 都 一 样 ) 。 一 个 例外 情况 是 ， 如 
果 所 有 的 物体 都 使 用 了 不 同 的 非 统 一 缩放 ， 那 么 它们 也 是 可 以 被 动 
态 批 处 理 的 。 但 在 Unity 5 中 ， 这 种 对 模型 缩放 的 限制 已 经 不 存在 


使 用 光照 纹理 〈lightmap) 的 物体 需要 小 心 处 理 。 这 些 物 体 需 要 额 
外 的 演 染 参数 ， 例 如 ， 在 光照 纹理 上 的 索引 、 偏 移 量 和 缩放 信息 

等 。 因此， 为 了 让 这 些 物 体 可 以 被 动态 批 处 理 ， 我 们 需要 保证 它们 
指 回 光照 纹理 中 的 同一 个 位 置 。 

多 Pass 的 shader 会 中 断 批 处 理 。 在 前 问 泻 染 中 ， 我 们 有 时 需要 使 用 
额外 的 Pass 来 为 模型 添加 更 多 的 光照 效果 ， 但 这 样 一 来 模型 束 不 会 
被 动态 批 处 理 了 。 


在 本 书 资源 的 Scene 16 3 1 场景 中 ， 我 们 给 出 了 这 样 一 个 场景 。 场 
景 中 包含 了 3 个 立方 体 ， 它 们 使 用 同一 个 材质 ， 同 时 还 包含 了 一 个 使 用 
其 他 材质 的 球体 。 场 景 中 还 包含 了 一 个 平行 光 ， 但 我 们 关闭 了 它 的 阴影 
效果 ， 以 避免 阴影 计算 对 批 处 理 数 目的 影响 。 这 样 一 个 场景 的 演 染 统计 
数据 如 图 16.4 所 示 。 


从 图 16.4 中 可 以 看 出 ， 要 泻 染 这 样 一 个 包含 了 4 个 物体 的 场景 共 需 
要 两 个 批 处 理 。 其 中 ， 一 个 批 处 理 用 于 绘制 经 过 动态 批 处 理 合并 后 的 3 
个 立方 体 网 格 ， 另 一 个 批 处 理 用 于 绘制 球体 。 我 们 可 以 从 Save by 
batching 看 出 批 处 理 帮 我 们 节省 了 两 个 draw call。 


现在 ， 我 们 再 同 场 景 中 添加 一 个 点 光源 ， 并 调整 它 的 位 置 使 它 可 以 


























照 腕 场景 中 的 4 个 物体 。 由 于 场景 中 的 物体 都 使 用 了 多 个 Pass 的 shader， 
因此 ， 扣 光源 会 对 它们 产生 光照 影响 。 图 16.5 给 出 了 添加 反光 源 后 的 泻 
染 统 计数 据 。 
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A 图 16.4 ”动态 批 处 理 
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A 图 16.5 多 光源 对 动态 批 处 理 的 影响 结果 


从 图 16.5 中 可 以 看 出 ， 演 染 一 帧 所 雷 的 批 处 理 数目 增 大 到 了 8， 
而 Save by batching 的 数目 也 变 成 了 0。 这 是 因为 ， 使 用 了 多 个 Pass 的 
shader 在 需要 应 用 多 个 光照 的 情况 下 ， 破 坏 了 动态 批 处 理 的 机 制 ， 寻 致 
Unity 不 人 有 对 这些 物体 进行 动态 批 处 理 。 而 由 于 平行 光 和 点 光源 需要 对 4 
个 物体 分 别 产 生 影 响 ， 因 此 ， 需 要 2x4 个 批 处 理 操 作 。 需 要 注意 的 是 ， 
只 有 物体 在 点 光源 的 影响 范围 内 ，Unity 才 会 调用 额外 的 Pass 来 处 理 它 。 
国 此 | 如 果 场 景 中 点 光源 距离 物体 很 远 ， 那 么 它们 仍然 会 被 动态 批 处 理 


动态 批 处 理 的 限制 条 件 比 较 多 ， 例 如 很 多 时 候 ， 我 们 的 模型 数据 往 
往 会 超过 900 的 顶点 属性 限制 。 这 种 时 候 依赖 动态 批 处 理 来 减少 draw call 
显然 已 经 不 能 够 满足 我 们 的 需求 了 。 这 时 ， 我 们 可 以 使 用 Unity 的 静态 
批 处 理 技 术 。 


16.4.2 ”静态 批 处 理 


Unity 提 供 了 另 一 种 批 处 理 方式 ， 即 静态 批 处 理 。 相 比 于 动态 批 处 
理 来 说 ， 静 态 批 处 理 适 用 于 任何 大 小 的 几何 模型 。 它 的 实现 原理 是 ， 只 
在 运行 开始 阶段 ， 把 需要 进行 静态 批 处 理 的 模型 合并 到 一 个 新 的 网 格 结 
这 意味 着 这 些 模型 不 可 以 在 运行 时 刻 被 移动 。 但 由 于 它 只 需要 进 

一 次 合并 操作 ， 因 此 ， 比 动态 批 处 理 更 加 高 效 。 静 态 批 处 理 的 另 一 个 
缺点 在 于 ; 它 往 往 需 要 占用 更 多 的 内 存 来 存储 合并 后 的 几何 结构 。 这 是 
因为 ， 如 果 在 静态 批 处 理 前 一 些 物体 共享 了 相同 的 网 格 ， 那 么 在 内 存 中 
每 一 个 物体 都 会 对 应 一 个 该 网 格 的 复制 品 ， 即 一 个 网 格 会 变 成 多 个 网 格 
再 发 送 给 GPU。 如 果 这 类 使 用 同一 网 格 的 对 象 很 多 ， 那 么 这 就 会 成 为 一 
个 性 能 瓶颈 了 。 例 如 ， 如 果 在 一 个 使 用 了 1 000 个 相同 树 模型 的 森林 中 
使 用 静态 批 处 理 ， 那 么 ， 三 会 多 使 用 1 000 倍 的 内 存 ， 这 会 造成 六 重 的 
内 存 影响 。 这 种 时 候 ， 解 决 方法 要 么 忍受 这 种 牺牲 内 存 换取 性 能 的 方 
法 ， 要 么 不 要 使 用 静态 批 处 理 ， 而 使 用 动态 批 处 理 技术 (但 要 小 心 控制 
模型 的 顶点 属性 数目 ) ， 或 者 自己 编写 批 处 理 的 方法 。 


在 本 书 资 源 的 Scene 16 _3 2 场景 中 ， 我 们 给 出 了 一 个 测试 静态 批 处 
理 的 场景 。 场 景 中 包含 了 3 个 Teapot 模 型 ， 它 们 使 用 同一 个 材质 ， 同 时 
还 包含 了 一 个 使 用 不 同 材质 的 立方 体 。 场 景 中 还 包含 了 一 个 平行 光 ， 但 
我 们 关闭 了 它 的 阴影 效果 ， 以 避免 阴影 计算 对 批 处 理 数目 的 影响 。 在 运 
行 前 ， 这 样 一 个 场景 的 泻 染 统计 数据 如 图 16.6 所 示 。 


























从 图 16.6 中 可 以 看 出 ， 尽 管 3 个 Teapot 模 型 使 用 了 相同 的 材质 ， 但 它 
们 仍然 没有 被 动态 批 处 理 。 这 是 因为 ，Teapot 模 型 包含 的 顶点 数目 是 
393， 而 它们 使 用 的 shader 中 需要 使 用 4 个 顶点 属性 (顶点 位 置 、 法 线 方 
问 、 切 线 方向 和 纹理 坐标 ) ， 超 过 了 动态 批 处 理 中 限定 的 900 限 制 。 此 
时 ， 要 想 减 少 draw call 就 需要 使 用 静态 批 处 理 。 


静态 批 处 理 的 实现 非常 简单 ， 只 需要 把 物体 面板 上 的 Static 复 选 框 
勾 选 上 即 可 《实际 上 我 们 只 需要 勾 选 Batching Static 即 可 ) ， 如 图 16.7 所 
No 


这 时 ， 我 们 再 观察 泻 染 统计 窗口 中 的 批 处 理 数 目 ， 还 是 没有 变化 。 
但 是 不 要 和 急 ， 运 行程 序 后 ， 变 化 就 出 现 了 ， 如 图 16.8 所 示 。 
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A 图 16.6 ”静态 批 处 理 前 的 演 染 统计 数据 























@ Inspector 
号 Teapot 
Tag | Untagged + | Layer| Default Sl 
Prefab | Select | Revert | Apply | 
Position Xi|-1L87 |YI-L5 Zz 0.97 
Rotation Xl270 |jYi331307Jz0 | 
Scale Xl2 YI2 zl2 | 








A 图 16.7 把 物体 标志 为 Static 


从 图 16.2 中 可 以 看 出 ， 现 在 的 批 处 理 数目 变 成 了 2， 而 Save by 
batching 数目 也 显示 为 2。 此 时 ， 如 果 我 们 在 运行 时 查看 每 个 模型 使 用 
的 网 格 ， 会 发 现 它 们 都 变 成 了 一 个 名 为 Combined Mesh (roo: scene) 的 东 
西 ， 如 图 16.9 所 示 。 这 个 网 格 是 Unity 合 并 了 所 有 被 标识 为 “Static” 的 物体 
的 结果 ， 在 我 们 的 例子 里 ， 就 是 3 个 Teapot 和 一 个 立方 体 。 读 者 可 能 会 
有 一 个 疑问 ， 这 4 个 对 象 明 明 不 是 都 使 用 了 一 个 材质 ， 为 什么 可 以 合并 
成 一 个 呢 ? 如 果 你 仔细 观看 图 16.9 的 结果 ， 会 发 现在 图 16.9 的 右 下 方 标 
明了 “4 submeshes”， 也 就 是 说 ， 这 个 合并 后 的 网 格 其 实 包 含 了 4 个 子 网 
格 ， 即 场景 中 的 4 个 对 象 。 对 于 合并 后 的 网 格 ，Unity 会 判断 其 中 使 用 同 
一 个 材质 的 子 网 格 ， 然 后 对 它们 进行 批 处 理 。 

















A 图 16.8 静态 批 处 理 



































和 图 16.9 ”静态 批 处 理 中 Unity 会 合并 所 有 被 标识 为 “Static” 的 物体 


在 内 部 实现 上 ，Unity 首 先 把 这 些 静 态 物 体 变 换 到 世界 空间 下 ， 然 
后 为 它们 构建 一 个 更 大 的 顶点 和 索引 缓存 。 对 于 使 用 了 同一 材质 的 物 
体 ，Unity 只 需要 调用 一 个 draw call 束 可 以 绘制 全 部 物体 。 而 对 于 使 用 了 
不 同 材质 的 物体 ， 静 态 批 处 理 同样 可 以 提升 泻 染 性 能 。 尽 管 这 些 物体 仍 
然 需要 调用 多 个 draw call， 但 静态 批 处 理 可 以 减少 这 些 draw call 之 间 的 
状态 切换 ， 而 这 些 切 换 往 往 是 费时 的 操作 。 从 合并 后 的 网 格 结构 中 我 们 
还 可 以 发 现 ， 尽 管 3 个 Teapot 对 象 使 用 了 同一 个 网 格 ， 但 合并 后 却 变 成 
了 3 个 独立 网 格 。 而 且 ， 我 们 可 以 从 Unity 的 分 析 器 中 观察 到 在 应 用 静态 
批 处 理 前 后 VBO total 的 变化 ， 从 图 16.10 所 示 中 可 以 看 出 ， 
VBO (Vertex Buffer Object， 顶 点 绥 冲 对 象 ) 的 数目 变 大 了 。 这 正 是 因 
为 静态 批 处 理会 占用 更 多 内 存 的 缘故 ， 正 如 本 节 一 开头 所 讲 ， 静 态 批 处 
理 需 要 占用 更 多 的 内 存 来 存储 合并 后 的 几何 结构 ， 如 果 一 些 物体 共享 了 
相同 的 网 格 ， 那 么 在 内 存 中 每 一 个 物体 都 会 对 应 一 个 该 网 格 的 复制 品 。 
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4 图 16.10 ”静态 批 处 理会 占用 更 多 的 内 存 。 左 边 : 静态 批 处 理 前 的 泻 染 统计 数据 ， 右 边 : 静态 
批 处 理 后 的 演 染 统计 数据 


如 果 场 景 中 包含 了 除了 平行 光 以 外 的 其 他 光源 ， 并 且 在 shader 中 定 
义 了 额外 的 Pass 来 处 理 它 们 ， 这 些 额 外 的 Pass 部 分 是 不 会 和 被 批 处 理 的 。 
图 16.11 显 示 了 在 场景 中 添加 了 一 个 会 影响 4 个 物体 的 点 光源 之 后 ， 泻 染 
统计 窗口 的 数据 变化 。 



































A 图 16.11 处 理 其 他 逐 像素 光 的 Pass 不 会 被 静态 批 处 理 


但 是 ， 处 理 平行 光 的 Base Pass 部 分 仍然 会 被 静态 批 处 理 ， 因 此 ， 我 
们 仍然 可 以 节省 两 个 draw call。 


16.4.3 ”共享 材质 


从 之 前 的 内 容 可 以 看 出 ， 无 论 是 动态 批 处 理 还 是 静态 批 处 理 ， 都 要 
求 模 型 之 间 需 要 共享 同一 个 材质 。 但 不 同 的 模型 之 间 总 会 需要 有 不 同 的 
演 染 属性 ， 例 如 ， 使 用 不 同 的 纹理 、 颜 色 等 。 这 时 ， 我 们 需要 一 些 策略 
来 尽 可 能 地 合并 材质 。 


如 果 两 个 材质 之 间 只 有 使 用 的 纹理 不 同 ， 我 们 可 以 把 这 些 纹理 合并 
到 一 张 更 大 的 纹理 中 ， 这 张 更 大 的 纹理 被 称 为 是 一 张 图 集 (atlas) 。 一 
旦 使 用 了 同一 张 纹 理 ， 我 们 束 可 以 使 用 同一 个 材质 ， 再 使 用 不 同 的 采样 








坐标 对 纹理 采样 即 可 。 


但 有 时 ， 除 了 纹理 不 同 外 ， 不 同 的 物体 在 材质 上 还 有 一 些微 小 的 参 
数 变化 ， 例 如 ， 颜 色 不 同 、 某 些 浮 点 属性 不 同 。 但 是 ， 不 管 是 动态 批 处 
理 还 是 静态 批 处 理 ， 它 们 的 前 提 都 是 要 使 用 同一 个 材质 。 是 同一 个 ， 而 
不 是 使 用 了 同一 种 Shader 的 材质 ， 也 就 是 说 它们 指向 的 材质 必须 是 同一 
个 实体 。 这 意味 者， 只 要 我 们 调整 了 参数 ， 就 会 影响 到 所 有 使 用 这 个 材 
质 的 对 象 。 那 么 想 要 微小 的 调整 怎么 办 呢 ? 一 种 常用 的 方法 就 是 使 用 网 
格 的 顶点 数据 《了 最 第 见 的 就 是 顶点 颜色 数据 ) 来 存储 这 些 参数 。 


前 面 说 过 ， 经 过 批 处 理 后 的 物体 会 被 处 理 成 更 大 的 VBO 发 送 给 
GPU，VBO 中 的 数据 可 以 作为 输入 传递 给 顶点 着 色 器 ， 因 此 ， 我 们 可 以 
巧妙 地 对 VBO 中 的 数据 进行 控制 ， 从 而 达到 不 同 效果 的 目的 。 一 个 例子 
是 ， 森 林场 景 中 所 有 的 树 使 用 了 同一 种 材质 ， 我 们 希望 它们 可 以 通过 批 
处 理 来 减少 draw call， 但 不 同 树 的 颜色 可 能 不 同 。 这 时 ， 我 们 可 以 利用 
网 格 的 顶点 的 颜色 数据 来 调整 。 


需要 注意 的 是 ， 如 果 我 们 需要 在 脚本 中 访问 共享 材质 ， 应 该 使 用 
Renderer.sharedMaterial 来 保证 修改 的 是 和 其 他 物体 共享 的 材质 ， 但 这 意 
味 着 修改 会 应 用 到 所 有 使 用 该 材质 的 物体 上 。 男 一 个 类 似 的 API 是 
Renderer.material ， 如 果 使 用 Renderer.material 来 修改 材质 ，Unity 会 创建 
一 个 该 材质 的 复制 品 ， 从 而 破坏 批 处 理 在 该 物体 上 的 应 用 ， 这 可 能 并 不 
是 我 们 希望 看 到 的 。 


16.4.4” 批 处 理 的 注意 事项 
在 选择 使 用 动态 批 处 理 还 是 静态 批 处 理 时 ， 我 们 有 一 些小 小 的 建 


议 。 











尽 可 能 选择 静态 批 处 理 ， 但 得 时 刻 小 心 对 内 存 的 消耗 ， 并 且 记 住 经 
过 静态 批 处 理 的 物体 不 可 以 再 被 移动 。 

如 果 无 法 进行 静态 批 处 理 ， 而 要 使 用 动态 批 处 理 的 话 ， 那 么 请 小 心 
上 面 提 到 的 各 种 条 件 限 制 。 例 如 ， 尽 可 能 让 这 样 的 物体 少 并 且 尽 可 
能 让 这 些 物体 包含 少量 的 顶点 属性 和 顶点 数目 。 

对 于 游戏 中 的 小 道具 ， 例 如 可 以 捡拾 的 金币 等 ， 可 以 使 用 动态 批 处 
J 

对 于 包含 动画 的 这 类 物体 ， 我 们 无 法 全 部 使 用 静态 批 处 理 ， 但 其 中 
如 果 有 不 动 的 部 分 ， 可 以 把 这 部 分 标识 成 <Static”。 


除了 上 述 提示 外 ， 在 使 用 批 处 理 时 还 有 一 些 需要 注意 的 地 方 。 由 于 
批 处 理 需 要 把 多 个 模型 变换 到 世界 空 : 间 下 再 合并 它 : 们 ， 因此 ， 如 果 
shader 中 存在 一 些 基 于 模型 空间 下 的 坐标 的 运算 ， 那 么 往往 会 得 到 错误 
的 结果 。 一 个 解决 方法 是 ， 在 shader 中 使 用 DisableBatching 标签 来 强制 
使 用 该 Shader 的 材质 不 会 被 批 处 理 。 另 一 个 注意 事项 是 ， 使 用 半 透 明 材 
质 的 物体 通常 需要 使 用 严格 的 从 后 往 前 的 绘制 顺序 来 保证 透 明 混 合 的 正 
确 性 。 对 于 这 些 物体 ，Unity 会 首先 保证 它们 的 绘制 顺序 ， 再 尝试 对 它 
们 进行 批 处 理 。 这 意味 着 ， 当 绘制 顺序 无 法 满足 时 ， 批 处 理 无 法 在 这 些 
物体 上 被 成 功 应 用 。 


尽管 在 Unity 5.2 中 ， 只 实现 了 对 一 学 演 染 部 分 的 批 处 理 。 而 诸如 泻 
染 摄像 机 的 深度 纹理 等 部 分 ， 还 没有 实现 批 处 理 。 但 我 们 相信 ， 在 后 续 
的 Unity 版 本 中 ， 摔 处 理应 用 到 越 来 越 多 的 泻 染 部 分 中 。 


16.5 ”减少 需要 处 理 的 项 点 数目 


尽管 draw call 是 一 个 重要 的 性 能 指标 ， 但 顶点 数目 同样 有 可 能 成 为 
GPU 的 性 能 瓶颈 。 在 本 节 中 ， 我 们 将 给 出 3 个 冀 用 的 顶点 优化 策略 。 


16.5.1 优化 几何 体 


3D 游 戏 制 作 通常 都 是 由 模型 制作 开始 的 。 而 在 建 模 时 ， 有 一 条 规 
则 我 们 需要 记 住 ， 尽 可 能 减少 模型 中 三 角 面 片 的 数目 ， 一 些 对 于 模型 没 
有 影响 、 或 是 肉眼 非常 难 察 觉 到 区 别 的 顶点 都 要 尽 可 能 去 掉 。 为 了 尽 可 
能 减少 模型 中 的 顶点 数目 ， 美 工人 员 往 往 需要 优化 网 格 结构 。 在 很 多 三 
维 建 模 软 件 中 ， 都 有 相应 的 优化 选项 ， 可 以 目 动 优化 网 格 结构 。 


在 Unity 的 演 染 统计 窗口 中 ， 我 们 可 以 但 看 到 泻 染 当前 帧 需要 的 三 
外面 片 数 目 和 顶点 数目 。 需 要 注意 的 是 ，Unity 中 显示 的 数目 往往 要 多 
于 建 模 软件 里 显示 的 顶点 数 ， 通 常 Unity 中 显示 的 数目 要 大 很 多 。 谁 才 
古 对 的 呢 ? 其 实 ， 这 是 因为 在 不 同 的 角度 上 计算 的 ， 都 有 各 上 自 的 道理 ， 
但 我 们 真正 应 该 关心 的 是 Unity 里 显示 的 数目 。 


我 们 在 这 里 简单 解释 一 下 造成 这 种 不 同 的 原因 。 三 维 软件 更 多 地 是 
站 在 我 们 人 类 的 角度 理解 顶点 的 ， 即 组 成 几何 体 的 每 一 个 点 就 是 一 个 单 
独 的 点 。 而 Unity 是 站 在 GPU 的 角度 上 去 计算 项 点 数 的 。 在 GPU 看 来 ， 
有 时 需要 把 一 个 顶点 拆 分 成 两 个 或 更 多 的 顶点 。 这 种 将 顶点 一 分 为 多 的 
原因 主要 有 两 个 ;一 个 是 为 了 分 离 纹理 坐标 (uv splits) ， 另 一 个 是 为 
了 产生 平滑 的 边界 (smoothing splits) 。 它 们 的 本 质 ， 其 实 都 是 因为 
对 于 GPU 来 说 ， 顶 点 的 每 一 个 属性 和 顶点 之 间 必 须 是 一 对 一 的 关系 。 而 
分 离 纹理 坐标 ， 是 因为 建 模 时 一 个 顶点 的 纹理 坐标 有 多 个 。 例 如 ， 对 于 
一 个 立方 体 ， 它 的 6 个 面 之 间 虽 然 使 用 了 一 些 相同 的 项 点 ， 但 在 不 同 面 
上 ， 同 一 个 顶点 的 纹理 坐标 可 能 并 不 相同 。 对 于 GPU 来 说 ， 这 是 不 可 理 
解 的 ， 因 此 ， 它 必须 把 这 个 顶点 拆 分 成 多 个 具有 不 同 纹理 坐标 的 顶点 。 
而 平滑 边界 也 是 类 似 的 ， 不 同 的 是 ， 此 时 一 个 顶点 可 能 会 对 应 多 个 法 线 
信息 或 切线 信息 。 这 通常 是 因为 我 们 要 决定 一 个 边 是 一 条 便 边 (hard 
edge) 还 是 一 条 平滑 边 〈smooth edge) 。 


对 于 GPU 来 说 ， 它 本 质 上 只 关心 有 多 少 个 顶点 。 因 此 ， 尽 可 能 减少 
顶点 的 数目 其 实 才 是 我 们 真正 需要 关心 的 事情 。 因 此 ， 最 后 一 条 几何 体 
































优化 建议 就 是 : 移 除 不 必要 的 便 边 以 及 纹理 衔接 ， 避 免 边 界 平 滑 和 纹理 
分 离 。 


16.5.2 ”模型 的 LOD 技 术 


男 一 个 减少 顶点 数目 的 方法 是 使 用 LOD (Level of Detail) 技术 。 这 
种 技术 的 原理 是 ， 当 一 个 物体 离 摄像 机 很 远 时 ， 模 型 上 的 很 多 细节 是 无 
法 被 察觉 到 的 。 因 此 ，LOD 人 允许 当 对 象 逐 渐 远 离 摄 像 机 时 ， 减 少 模型 上 
的 面 片 数量 ， 从 而 提高 性 能 。 


在 Unity 中 ， 我 们 可 以 使 用 LOD Group 组 件 来 为 一 个 物体 构建 一 个 
LOD。 我 们 需要 为 同一 个 对 象 准 备 多 个 包含 不 同 细节 程度 的 模型 ， 然 后 
把 它们 赋 给 LOD Group 组 件 中 的 不 同等 级 ，Unity 束 会 自动 判断 当前 位 置 
上 需要 使 用 哪个 等 级 的 模型 。 


16.5.3 ”遮挡 剔除 技术 


我 们 最 后 要 介绍 的 顶点 优化 策略 就 是 遮挡 别 除 (Occlusion culling ) 
技术 。 遮 挡 剔 除 可 以 用 来 消除 那些 在 其 他 物件 后 面 看 不 到 的 物件 ， 这 意 
味 着 资源 不 会 浪费 在 计算 那些 看 不 到 的 项 点 上 ， 进 而 提升 性 能 。 


我 们 需要 把 遮挡 剔除 和 摄像 机 的 视 锥 体 剔 除 (Frustum Culling) 区 
分 开 来 。 视 锥 体 剔 除 只 会 剔除 掉 那些 不 在 摄像 机 的 视野 范围 内 的 对 象 ， 
但 不 会 判断 视野 中 是 否 有 物体 被 其 他 物体 挡住 。 而 遮挡 剔除 会 使 用 一 个 
虚拟 的 摄像 机 来 融 历 场景 ， 从 而 构建 一 个 潜在 可 见 的 对 象 集合 的 层级 结 
构 。 在 运行 时 刻 ， 每 个 摄像 机 将 会 使 用 这 个 数据 来 识别 哪些 物体 是 可 见 
的 ， 而 哪些 被 其 他 物体 挡住 不 可 见 。 使 用 遮挡 剔除 技术 ， 不 仅 可 以 减少 
处 理 的 顶点 数目 ， 还 可 以 减少 overdraw， 提 高 游戏 性 能 。 


要 在 Unity 中 使 用 遮挡 吻 除 技术 ， 我 们 需要 进行 一 系列 额外 的 处 理 
工作 。 上 有 具体 步 缀 可 以 参见 Unity 手 册 的 相关 内 容 
(http://docs.unity3d.com/Manual/OcclusionCulling.html 〉， 本 书 不 再 痪 
述 。 








模型 的 LOD 技 术 和 遮挡 剔除 技术 可 以 同时 减少 CPU 和 GPU 的 负 衍 。 
CPU 可 以 提交 更 少 的 draw call， 而 GPU 需 要 处 理 的 顶点 和 片 元 数目 也 减 
a Ts 


16.6 ”减少 需要 处 理 的 片 元 数目 


另 一 个 造成 GPU 瓶颈 的 是 需要 处 理 过 多 的 片 元 。 这 部 分 优化 的 重点 
在 于 减少 overdraw。 人 简单 来 说 ，overdraw 指 的 就 是 同一 个 像素 被 绘制 了 
多 次 。 


Unity 还 提供 了 查看 overdraw 的 视图 ， 我 们 可 以 在 Scene 视 图 左上 方 
的 下 拉 菜 单 中 选中 Overdraw 即 可 。 实 际 上 ， 这 里 的 视图 只 是 提供 了 查 
看 物体 相互 遮挡 的 层 数 ， 并 不 是 真正 的 最 终 屏 幕 绘制 的 overdraw。 也 就 
是 说 ， 可 以 理解 为 它 显示 的 是 ， 如 果 没 有 使 用 任何 深度 测试 和 其 他 优化 
策略 时 的 overdraw。 这 种 视图 是 通过 把 所 有 对 象 都 泻 染 成 一 个 透明 的 轮 
郭 ， 通 过 查看 透明 颜色 的 累计 程度 ， 来 判断 物体 之 间 的 遮挡 。 当 然 ， 我 
们 可 以 使 用 一 些 措施 来 防止 这 种 最 坏 情 况 的 出 现 。 


16.6.1 ”控制 绘制 顺序 


为 了 最 大 限度 地 避免 overdraw， 一 个 重要 的 优化 策略 就 是 控制 绘制 
顺序 。 由 于 深度 测试 的 存在 ， 如 果 我 们 可 以 保证 物体 都 是 从 前 往 后 绘制 
的 ， 那 么 就 可 以 很 大 程度 上 减少 overdraw。 这 是 因为 ， 在 后 面 绘制 的 物 
体 由 于 无 法 通过 深度 测试 ， 因 此 ， 就 不 会 再 进行 后 面 的 泻 染 处 理 。 


在 Unity 中 ， 那 些 演 染 队列 数目 小 于 2 
500 (如 “Background”Geometry” 和 “AlphaTest”)〉 的 对 象 都 被 认为 是 不 
透明 (opaque) 的 物体 ， 这 些 物体 总 体 上 是 从 前 往 后 绘制 的 ， 而 使 用 其 
他 的 队列 (如 “Transparent”“Overlay” 和 等) 的 物体 ， 则 是 从 后 往 前 绘制 
的 。 这 意味 者 ， 我 们 可 以 尽 可 能 地 把 物体 的 队列 设置 为 不 透明 物体 的 演 
染 队列 ， 而 尽量 避免 使 用 半 透 明 队 列 。 


而 且 ， 我 们 还 可 以 充分 利用 Unity 的 泻 染 队列 来 控制 绘制 顺序 。 例 
如 ， 在 第 一 人 称 射击 游戏 中 ， 对 于 游戏 中 的 主要 人 物 角 色 来 说 ， 他 们 使 
用 的 shader 往 往 比 较 复 杂 ， 但 是 ， 由 于 他 们 通常 会 挡住 屏幕 的 很 大 一 部 
分 区 域 ， 因 此 我 们 可 以 先 绘制 它们 (使 用 更 小 的 演 染 队列 ) 。 而 对 于 一 
些 敌 方 角色 ， 它 们 通常 会 出 现在 各 种 掩体 后 面 ， 因 此 ， 我 们 可 以 在 所 有 
常规 的 不 透明 物体 后 面 泻 染 它们 (使 用 更 大 的 泻 染 队列 ) 。 而 对 于 天 空 
盒子 来 说 ， 它 几乎 禾 六 了 所 有 的 像 系 ， 而 且 我 们 知道 它 永 远 会 出 现在 所 
有 物体 的 后 面 ， 因 此 ， 它 的 队列 可 以 设置 为 <Geometry+1”。 这 样 ， 就 可 




















以 保证 不 会 因为 它 而 造成 overdraw。 
这 些 排序 的 思想 往往 可 以 节省 掉 很 多 演 染 时 间 。 
16.6.2 ”时 刻 警 惕 透明 物体 


对 于 半 透 明 对 象 来 说 ， 由 于 它们 没有 开局 深度 写 入 ， 因 此 ， 如 果 要 
得 到 正确 的 泻 染 效果 ， 就 必须 从 后 往 前 泻 染 。 这 意味 着 ， 半 透明 物体 几 
平一 定 会 造成 overdraw。 如 果 我 们 不 注意 这 一 点 ， 在 一 些 机 器 上 可 能 会 
造成 严重 的 性 能 下 降 。 例 如 ， 对 于 GUI 对 象 来 说 ， 它 们 大 多 被 设置 成 了 
半 和 透明， 如 果 屏 幕 中 GUI 占据 的 比例 太 多 ， 而 主 摄像 机 又 没有 进行 调整 
而 是 投影 整个 屏幕 ， 那 么 GUI 就 会 造成 大 量 overdraw。 


因此 ， 如 果 场 景 中 包含 了 大 面积 的 半 透 明 对 象 ， 或 者 有 很 多 层 相 互 
敌 盖 的 半 透 明 对 象 “ 即 便 它 们 每 个 的 面积 可 能 都 不 大 ) ， 或 者 是 透明 的 
ee 在 移动 设备 上 也 会 造成 大 量 的 overdraw。 这 是 应 该 尽量 避免 
四 大 


对 于 上 述 GUI 的 这 种 情况 ， 我 们 可 以 尽量 减少 窗口 中 GUI 所 占 的 面 
只 。 如 果实 在 无 能 为 力 ， 我 们 可 以 把 GUI 的 绘制 和 三 维 场景 的 绘制 交 给 
不 同 的 摄像 机 ， 而 其 中 负责 三 维 场景 的 摄像 机 的 视角 范围 尽量 不 要 和 
GUI 的 相互 重合 。 当 然 ， 这 样 会 对 游戏 的 美观 度 产 生 一 定 影响 ， 因 此 ， 
我 们 可 以 在 代码 中 对 机 需 的 性 能 进行 判断 ， 例 如 ， 首 先 关 闭 一 些 耗 帝 性 
能 的 功能 ， 如 果 发 现 这 个 机 器 表现 非常 民 好 ， 再 尝试 开局 一 些 特效 功 


全 已 
月 上 。 














在 移动 平台 上 ， 透 明度 测试 也 会 影响 游戏 性 能 。 昌 然 透 明度 测试 没 
有 关闭 深度 写 入 ， 但 由 于 它 的 实现 使 用 了 discard 或 clip 操 作 ， 而 这 些 操 
作 会 导致 一 些 硬件 的 优化 策略 失效 。 例 如 ， 我 们 之 前 讲 过 PowerVR 使 用 
的 基于 瓦 片 的 延迟 泻 染 技术 ， 为 了 减少 overdraw 它 会 在 调用 片 元 着 色 器 
前 就 判断 哪些 瓦 片 被 真正 演 染 的 。 但 是 ， 由 于 透明 度 测试 在 片 元 着 色 器 
中 使 用 了 discard 函 数 改 变 了 片 元 是 人 否 会 被 泻 染 的 结果 ， 因 此 ，GPU 就 无 
法 使 用 上 述 的 优化 集 略 了 。 也 就 是 说 ， 只 要 在 执行 了 所 有 的 片 元 着 色 器 
后 ，GPU 才 知道 哪些 上 请 元 会 被 真正 泻 染 到 屏幕 上 上， 这样， 原先 那些 可 以 
减少 overdraw 的 优化 就 都 无 效 了 。 这 种 时 候 ， 使 用 透明 度 混 合 的 性 能 往 
往 比 使 用 透明 度 测 试 更 好 。 




















16.6.3 ”减少 实时 光照 和 阴影 


实时 光照 对 于 移动 平台 是 一 种 非常 昂贵 的 操作 。 如 果 场 景 中 包含 了 
过 多 的 点 光源 ， 并 且 使 用 了 多 个 Pass 的 Shader， 那 么 很 有 可 能 会 造成 性 
能 下 降 。 例 如 ， 一 个 场景 里 如 果 包 含 了 3 个 逐 像 素 的 点 光源 ， 而 且 使 用 
了 逐 像 素 的 Shader， 那 么 很 有 可 能 将 draw call 数 目 (CPU 的 瓶颈 ) 提高 3 
倍 ， 同 时 也 会 增加 overdraw (GPU 的 瓶 矣 ) 。 这 是 因为 ， 对 于 逐 像素 的 
光源 来 说 ， 被 这 些 光 源 照 亮 的 物体 需要 被 再 演 染 一 次 。 更 糟糕 的 是 ， 无 
论 是 静态 批 处 理 还 是 动态 批 处 理 ， 对 于 这 种 额外 的 处 理 逐 像素 光源 的 
Pass 都 无 法 进行 批 处 理 ， 也 就 是 说 ， 它 们 会 中 断 批 处 理 。 


当然 ， 游 戏 场景 还 是 需要 光照 才能 得 到 出 色 的 画面 效果 。 我 们 看 到 
很 多 成 功 的 移动 平台 的 游戏 ， 它 们 的 画面 效果 看 起 来 好 像 包 含 了 很 多 光 
源 ， 但 其 实 这 部 是 骗 人 的 。 这 些 游戏 往往 使 用 了 烘焙 技术 ， 把 光照 提前 
烘焙 到 一 张 光照 纹理 (ightmap〉 中， 然后 在 运行 时 刻 只 需要 根据 纹理 
采样 得 到 光照 结果 即 可 。 为 一 个 模拟 光源 的 方法 是 使 用 God Ray。 场 景 
中 很 多 小 型 光源 的 效果 部 是 靠 这 种 方法 模拟 的 。 它 们 一 般 并 不 是 真 的 光 
源 ， 很 多 情况 是 通过 透明 纹理 模拟 得 到 的 。 更 多 信息 可 以 参见 本 章 的 扩 
展 阅读 部 分 。 在 移动 平台 上 ， 一 个 物体 使 用 的 逐 像素 光源 数目 应 该 小 于 
SR 


在 游戏 《ShadowGun》 中 ， 游 戏 角 色 看 起 来 使 用 了 非常 复杂 高 级 的 
光照 计算 ， 但 这 实际 上 是 优化 后 的 结果 。 开 发 者 们 把 复杂 的 光照 计算 存 
储 到 一 张 查找 纹理 〈lookup texture， 也 被 称 为 查找 表 ，lookup table， 
LUT) 中 。 然 后 在 运行 时 刻 ， 我 们 只 需要 使 用 光源 方向 、 视 角 方 向 、 法 
线 方 同等 参数 ， 对 LUT 采 样 得 到 光照 结果 即 可 。 使 用 这 样 的 查找 纹理 ， 
不 仅 可 以 让 我 们 使 用 更 出 色 的 光照 模型 ， 例 如 ， 更 加 复杂 的 BRDF 模 
型 ， 还 可 以 利用 查找 纹理 的 大 小 来 进一步 优化 性 能 ， 例 如 ， 主 要 角色 可 
以 使 用 更 大 分 状 率 的 LUT， 而 一 些 NPC 就 使 用 较 小 的 LUT。 
《ShadowGun》 的 开发 者 开发 了 一 个 LUT 烘 焙 工 具 ， 来 帮助 美工 人 员 快 
速 调整 光照 模型 ， 并 把 结果 存储 到 LUT 中 。 


实时 阴影 同样 是 一 个 非常 消耗 性 能 的 效果 。 不 仅 是 CPU 需 要 提交 更 
多 的 draw call，GPU 也 需要 进行 更 多 的 处 理 。 因 此 ， 我 们 应 该 尽量 减少 
实时 阴影 ， 例 如 ， 使 用 烘焙 把 静态 物体 的 阴影 信息 存储 到 光照 纹理 中 ， 
而 只 对 场景 中 的 动态 物体 使 用 适当 的 实时 阴影 。 

















16.7 节省 带宽 


大 量 使 用 未 经 压缩 的 纹理 以 及 使 用 过 大 的 分 辩 率 都 会 造成 由 于 带宽 
而 引发 的 性 能 瓶颈 。 


16.7.1 减少 纹理 大 小 


之 前 提 到 过 ， 使 用 纹理 图 集 可 以 帮助 我 们 减少 draw call 的 数目 ， 而 
这 些 纹理 的 大 小 同样 是 一 个 需要 考虑 的 问题 。 需 要 注意 的 是 ， 所 有 纹理 
的 长 宽 比 最 好 是 正方 形 ， 而 且 长 宽 值 最 好 是 2 的 整数 客 。 这 是 因为 有 很 
多 优化 策略 只 有 在 这 种 时 候 才 可 以 发 挥 最 大 效用 。 在 Unity 5 中 ， 即 便 我 
们 导入 的 纹理 长 宽 值 并 不 是 2 的 整数 早 ，Unity 也 会 自动 把 长 宽 转 换 到 离 
它 最 近 的 2 的 整数 梭 值 。 但 我 们 仍然 应 该 在 制作 美术 资源 时 束 把 这 条 规 
则 说 记 在 心 ， 防 止 由 于 放 缩 而 造成 不 好 的 影 啊 。 


除 此 之 外 ， 我 们 还 应 该 尽 可 能 使 用 多 级 渐 远 纹理 技术 
(mipmapping) 和 纹理 压缩 。 在 Unity 中 ， 我 们 可 以 通过 纹理 导入 面板 
来 查看 纹理 的 各 个 导入 属性 。 通 过 把 纹理 类 型 设置 为 Advanced ， 就 可 
以 自 定 义 许 多 选项 ， 例 如 ， 是 人 否 生成 多 级 渐 远 纹理 (mipmaps) ， 如 图 
16.12 所 示 。 当 勾 选 了 Generate Mip Maps 选项 后 ，Unity 束 会 为 同一 张 
纹理 创建 出 很 多 不 同 大 小 的 小 纹理 ， 构 成 一 个 纹理 金字 塔 。 而 在 游戏 运 
行 中 就 可 以 根据 距离 物体 的 远近 ， 来 动态 选择 使 用 哪 一 个 纹理 。 这 是 因 
为 ， 在 距离 物体 很 远 的 时 候 ， 就 算 我 们 使 用 了 非常 精细 的 纹理 ， 但 肉眼 
也 是 分 辨 不 出 来 的 。 这 种 时 候 ， 我 们 完全 可 以 使 用 更 小 、 更 模糊 的 纹理 
来 代 蔡 ， 这 可 以 让 GPU 使 用 分 辨 率 更 小 的 纹理 ， 大 量 节 省 访问 的 像素 数 
目 。 在 某 些 设备 上 上， 关闭 多 级 渐 远 纹理 往往 会 造成 严重 的 性 能 问题 。 
此 ， 除 非 我 们 确定 该 纹理 不 会 发 生 缩放 ， 例 如 GUI 和 2D 游 戏 中 使 用 的 纹 
理 等 ， 都 应 该 为 纹理 生成 相应 的 多 级 渐 远 纹理 。 
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圈 mtLO_c Import Settings 次 ， 
_Open | 

Texture Type 
Non Power of 2 | ToNearest ; 
Mapping 
Convolution Type | None 司 


Fixup Edge Seams [| 
Read/Write Enabled  [] 
Import Type 
Alpha from Graysci| | 
Alpha ls Transpare [| 
Bypass sRGB Sampl[ | 
Encode as RGBM 
Sprite Mode 
Generate Mip Maps [Mi 
In Linear Space [] 
Border Mip Maps [| 
Mip Map Filtering 
Fadeout Mip Maps [| 


Wrap Mode 
Filter Mode 
Aniso Level DD TEs 





S12xX512 RGBA 16 bit 0.7 MB 





A 图 16.12 ”Unity 的 高 级 纹理 设置 面板 


纹理 压缩 同样 可 以 节省 带宽 。 但 对 于 像 Android 这 样 的 平台 ， 有 很 





多 不 同 架 构 的 GPU， 纹 理 压 缩 就 变 得 有 点 复杂 ， 因 为 不 同 的 GPU 架构 有 
它 自己 的 纹理 压缩 格式 ， 例 如 ，PowerVRAM 的 PVRTC 格 式 、Tegra 的 

DXT 格 式 、Adreno 的 ATC 格 式 。 所 笠 的 是 ，Unity 可 以 根据 不 同 的 设备 
选择 不 同 的 压缩 格式 ， 而 我 们 只 需要 把 纹理 压缩 格式 设置 为 自动 压缩 即 
可 。 但 是 ，GUI 类 型 的 纹理 同样 是 个 例外 ， 一 些 时 候 由 于 对 画 质 的 要 

求 ， 我 们 不 名 和 望 对 这 些 纹 理 进行 压缩 。 


16.7.2 ”利用 分 辨 率 缩放 


过 高 的 屏幕 分 辨 挛 也 是 造成 性 能 下 降 的 原因 之 一 ， 尤 其 是 对 于 很 多 
低 端 手机 ， 除 了 分 辨 率 高 其 他 硬件 条 件 并 不 尽 如 人 意 ， 而 这 恰恰 是 游戏 
性 能 的 两 个 瓶颈 : 过 大 的 屏 用 分 辨认 和 粳 糙 的 GPU。 因 此 ， 我 们 可 能 需 
要 对 于 特定 机 器 进行 分 辨 率 的 放 缩 。 当 然 ， 这 样 可 能 会 造成 游戏 效果 的 
下 降 ， 但 性 能 和 画面 之 间 永 远 是 个 需要 权衡 的 话题 。 


在 Unity 中 设置 屏幕 分 辨 率 可 以 直接 调用 Screen.SetResolution。 实 际 
使 用 中 可 能 会 遇 到 一 些 情况 ， 雨 松 MOMO 有 一 篇 文章 
(http:/www.xuanyusong.com/archives/3205 ) 详细 讲解 了 如 何 使 用 这 种 
技术 ， 读 者 可 参考 。 























16.8 ”减少 计算 复杂 上 度 

计算 复杂 上 度 同样 会 影响 游戏 的 泻 染 性 能 。 在 本 节 中 ， 我 们 会 介绍 两 
个 方面 的 技术 来 减少 计算 复杂 上 度 。 
16.8.1 Shader 的 LOD 技 术 


和 16.5.2 市 提 到 的 模型 的 LOD 技 术 类 似 ，Shader 的 LOD 技 术 可 以 控 
制 使 用 的 Shader 等 级 。 它 的 原理 是 ， 只 有 Shader 的 LOD 值 小 于 某 个 设 定 
的 值 ， 这 个 Shader 才 会 被 使 用 ， 而 使 用 了 那些 超过 设 定 值 的 Shader 的 物 
体 将 不 会 被 泻 染 。 


我 们 通常 会 在 SubShader 中 使 用 类 似 下 面 的 语句 来 指明 该 shader 的 
LOD 值 : 





SubShader { 


Tags { "RenderType"="Opaque"” } 
LOD 266 





我 们 也 可 以 在 Unity Shader 的 导入 面板 上 看 到 该 Shader 使 用 的 LOD 
值 。 在 默认 情况 下 ， 人 允许 的 LOD 等 级 是 无 限 大 的 。 这 意味 着 ， 任 何 被 当 
前 显卡 支持 的 Shader 都 可 以 被 使 用 。 但 是 ， 在 某 些 情况 下 我 们 可 能 需要 
去 挥 一 些 使 用 了 复杂 计算 的 Shader 演 染 。 这 时 ， 我 们 可 以 使 用 
Shader.maximumLOD 或 Shader.globalMaximumLOD 来 设置 允许 的 最 大 
LOD 值 。 


Unity 内 置 的 Shader 使 用 了 不 同 的 LOD 值 ， 例 如 ，Diffuse 的 LOD 为 
200， 而 Bumped Specular 的 LOD 为 400。 


16.8.2 代码 方面 的 优化 


在 实现 游戏 效果 上 时， 我们 可 以 选择 在 哪里 进行 茶 些 特定 的 运算 。 通 
常 来 讲 ， 游 戏 需 要 计算 的 对 象 、 顶 友和 像素 的 数目 排序 是 对 象 数 < 顶点 
数 < 像 素数 。 因 此 ， 我 们 应 该 尽 可 能 地 把 计算 放 在 每 个 对 象 或 逐 顶 点 
上 。 例 如 ， 在 第 13 间 实现 高 斯 模糊 和 边缘 检测 时 ， 我 们 把 采样 坐标 的 计 








算 放 在 了 顶点 着 色 器 中 ， 这 样 的 做 法 远 好 于 把 它们 放 在 片 元 着 色 器 中 。 


而 在 具体 的 代码 编写 上 ， 不 同 的 硬件 甚至 需要 不 同 的 处 理 。 因 此 ， 
一 些 普 衣 的 规则 在 茶 些 硬件 上 可 能 并 不 成 并 。 更 不 兽 的 是 ， 通 常 Shader 
代码 的 优化 并 不 那么 直观 ， 尤 其 是 一 些 平 台 上 缺少 相关 的 分 析 器 ， 例 如 
iOS 平 台 。 尽 管 如 此 ， 在 本 节 我 们 还 是 会 给 出 一 些 被 认为 是 普 过 成 立 的 
优化 策略 ， 但 读者 如 果 发 现在 菜 些 设备 上 性 能 反而 有 所 下 降 的 话 ， 这 并 


不 奇怪 。 


首先 第 一 点 是 ， 尽 可 能 使 用 低 精度 的 浮 点 值 进行 运算 。 最 高 精度 的 
floathighp 适 用 于 存储 诸如 顶点 坐标 等 变量 ， 但 它 的 计算 速度 是 最 慢 
的 ， 我 们 应 该 尽量 避免 在 片 元 着 色 器 中 使 用 这 种 精度 进行 计算 。 而 
half/mediump 适 用 于 一 些 标量 、 纹 理 坐 标 等 变量 ， 它 的 计算 速度 大 约 是 
float 的 两 倍 。 而 fixed/lowp 适 用 于 绝 大 多 数 颜色 变量 和 归 一 化 后 的 方向 矢 
量 ， 在 进行 一 些 对 精度 要 求 不 高 的 计算 时 ， 我 们 应 该 尽量 使 用 这 种 精度 
的 变量 。 它 的 计算 速度 大 约 是 foat 的 4 倍 ， 但 要 避免 对 这 些 低 精 上 度 变 量 
进行 频繁 的 swizzle 操 作 〈 如 color.xwxw) 。 还 需要 注意 的 是 ， 我 们 应 当 
尽量 避免 在 不 同 精度 之 间 的 转换 ， 这 有 可 能 会 造成 一 定 的 性 能 下 降 。 


对 于 绝 大 多 数 GPU 来 说 ， 在 使 用 插值 寄存 器 把 数据 从 顶点 着 色 器 传 
递 给 下 一 个 阶段 时 ， 我 们 应 该 使 用 尽 可 能 少 的 插值 变量 。 例 如 ， 如 果 需 
要 对 两 个 纹理 坐标 进行 插值 ， 我 们 通常 会 把 它们 打包 在 同一 个 float4 类 
型 的 变量 中 ， 两 个 纹理 坐标 分 别 对 应 了 xy 分 量 和 zw 分 量 。 然 而 ， 对 于 
PowerVR 平 台 来 说 ， 这 种 插值 变量 是 非常 廉价 的 ， 直 接 把 不 同 的 纹理 坐 
标 存 储 在 不 同 的 插值 变量 中 ， 有 了 时 反而 性 能 更 好 。 尤 其 是 ， 如 果 在 
PowerVR 上 使 用 类 似 tex2D(_MainTex, uv.zw) 这 样 的 语句 来 进行 纹理 采 
样 ，GPU 就 无 法 进行 一 些 纹理 的 预 读 取 ， 因 为 它 会 认为 这 些 纹理 采样 是 
需要 依赖 其 他 数据 的 。 因 此 ， 如 果 我 们 特别 关心 游戏 在 PowerVR 上 的 性 
能 ， 就 不 应 该 把 两 个 纹理 坐标 打包 在 同一 个 四 维 变量 中 。 


尽 可 能 不 要 使 用 全 屏 的 屏幕 后 处 理 效果 。 如 果 美 术 风 格 实在 是 需要 
使 用 类 似 Bloom、 热 扰动 这 样 的 屏幕 特效 ， 我 们 应 该 尽量 使 用 fixed/lowp 
进行 低 精度 运算 〈 纹 理 坐 标 除 外 ， 可 以 使 用 halfmediump) 。 那 些 高 精 
度 的 运算 可 以 使 用 查找 表 (LUT) 或 者 转移 到 顶点 着 色 器 中 进行 处 理 。 
除 此 之 外 ， 尽 量 把 多 个 特效 合并 到 一 个 Shader 中 。 人 例如， 我们 可 以 把 颜 
色 校 正和 添加 噪声 等 屏幕 特效 在 Bloom 特 效 的 最 后 一 个 Pass 中 进行 合 
0 
已 苹 俯 。 

















还 有 一 些 读者 经 第 会 听 到 的 代码 优化 规则 。 


。 尺 可 能 不 要 使 用 分 支 语句 和 循环 语句 。 

尽 可 能 避免 使 用 类 似 sin、tan、pow、log 等 较为 复杂 的 数学 运算 。 
我 们 可 以 使 用 查找 表 来 作为 普 代 。 

尽 可 能 不 要 使 用 discard 操 作 ， 因 为 这 会 影响 硬件 的 某 些 优化 。 


16.8.3 ”根据 硬件 条 件 进 行 缩 放 


诸如 iOS 和 Android 这 样 的 移动 平台 ， 不 同 设备 之 间 的 性 能 干 差 万 
别 。 我 们 很 容易 可 以 找到 一 台 手 机 的 泻 染 性 能 是 男 一 台 手 机 的 10 倍 。 那 
么 ， 如 何 确保 游戏 可 以 同时 流畅 地 运行 在 不 同性 能 的 移动 设备 上 呢 ? 一 
个 非常 简单 且 实 用 的 方式 是 使 用 所 请 的 放 缩 (scaling〉 思想。 我 们 首先 
保证 游戏 最 基本 的 配置 可 以 在 所 有 的 平台 上 运行 民 好 ， 而 对 于 一 些 具 有 
更 高 表现 能 力 的 设备 ， 我 们 可 以 开局 一 些 更 “养眼 ?的 效果 ， 比 如 使 用 更 
局 的 分 辩 率 ， 开 局 屏幕 后 处 理 特效 ， 开 局 粒 子 效果 等 。 


党 











16.9 扩展 阅读 


Unity 官 方 手册 的 移动 平台 优化 实践 指南 

(http://docs.unity3d.com/Manual/MobileOptimization PracticalGuide.html 
) 一 文 给 出 了 一 些 针 对 移动 平台 的 优化 技术 ， 包 括 泻 染 和 图 形 方 面 的 优 
化 ， 以 及 脚本 优化 等 。 手 册 中 另 一 个 针对 图 像 性 能 优化 的 文档 是 优化 图 
像 性 能 (http://docs.unity3d.com/ 
Manual/OptimizingGraphicsPerformance.html ) 一 文 ， 在 这 个 文档 中 ， 
Unity 给 出 了 常见 的 性 能 尊 贷 以 及 一 些 相应 的 优化 技术 。 除 此 之 外 ， 文 
档 列 出 了 一 个 清单 ， 包 含 了 优化 游戏 性 能 的 常见 做 法 和 约束 。 


在 SIGGRAPH 2011 上 ，Unity 进 行 了 一 个 关于 移动 平台 上 Shader 优 
化 的 演讲 (http://blogs. unity3d.com/2011/08/18/fast-mobile-shaders-talk- 
at-siggraph/ ) 。 在 这 个 演讲 中 ， 作 者 给 出 了 各 个 主流 移动 GPU 的 架构 特 
点 ， 并 给 出 了 相应 的 shader 优 化 细节 ， 还 结合 了 真实 的 Unity 游 戏 项 目 来 
进行 实例 学 习 。 在 Unite 2013 会 议 上 ，Unity 呈 现 了 一 个 名 为 针对 移动 平 
台 优 化 Unity 游戏 的 演讲 ， 在 这 个 简短 的 演讲 中 ， 作 者 对 造成 性 能 瓶颈 
的 原因 进行 了 分 类 ， 并 给 出 了 一 些 常见 的 优化 技术 。 在 GDC 2014 上 ， 
Unity 展 示 了 如 何 使 用 内 置 的 分 析 器 分 析 移 动 平 台 的 游戏 性 能 ， 读 者 可 
以 在 Youtube 上 找到 相应 的 视频 。 在 最 近 的 SIGGRAPH 2015 会 议 上 ， 
Unity 进 行 了 一 系列 演讲 和 课程 。 在 Unity 和 来 自 高 通 、ARM 等 公司 的 开 
发 人 员 共同 呈现 的 名 为 Moving Mobile Graphics 的 课程 中 ， 来 自 Unity 
的 Renaldas Zioma 讲 解 了 移动 平台 上 PBR 的 优化 技术 。 更 多 Unity 在 
SIGGRAPH 2015 上 的 演讲 ， 读 者 可 以 参见 Unity 的 博客 。 


除了 手册 和 演讲 资料 外 ， 成 功 的 移动 平台 中 的 游戏 同样 是 非常 好 的 
学 习 资料 。《ShadowGun》 是 由 MadFinger 在 2011 年 发 布 的 一 款 移动 平 
台 的 第 三 人 称 射击 游戏 ， 使 用 的 开发 工具 正 是 Unity。 在 Unite 2011 上 ， 
该 游戏 的 开发 者 给 出 了 《ShadowGun》 中 使 用 的 泻 染 和 优化 技术 ， 读 者 
可 以 在 Youtube 上面 找到 这 个 视频 。 更 难能可贵 的 是 ， 在 2012 年 ， 

《ShadowGun》 的 开发 者 放出 了 示例 场景 ， 来 让 更 多 的 开发 者 学 习 如 何 
优化 移动 平台 上 的 shader。 另 一 个 非常 好 的 游戏 优化 实例 是 Unity 目 带 的 
《Angry Bots》， 读 者 可 以 直接 在 Unity 资 源 商 店 下 载 到 完整 的 项 目 
源 代 码 。 
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第 5 展 ”扩展 局 

扩展 篇 则 在 进一步 扩展 读者 的 视野 。 本 篇 将 会 介绍 Unity 的 表面 着 
色 器 的 实现 机 制 ， 并 介绍 基于 物理 泻 染 的 相关 内 容 。 最 后 ， 我 们 给 出 了 
更 多 的 关于 学 习 演 染 的 资料 。 

第 17 章 Unity 的 表面 着 色 器 探秘 


本 章 将 会 介绍 这 些 表 面 着 色 器 是 如 何 实现 的 ， 以 及 我 们 如 何 使 用 这 
些 表 面 着 色 器 来 实现 泻 染 。 


第 18 章 基于 物理 的 演 染 


这 一 章 将 介绍 基于 物理 泻 染 的 理论 基础 ， 并 解释 Unity 是 如 何 实现 
基于 物理 泻 染 的 。 


第 19 章 Unity 5 更 新 了 什么 


本 章 将 给 出 Unity 5 中 一 些 重要 的 更 新 ， 来 帮助 读者 解决 在 升级 
Unity 5 时 所 面 对 的 各 种 问题 。 


第 20 章 还 有 更 多 内 容 吗 


在 最 后 一 曹 中， 我们 将 给 出 许多 非常 有 价值 的 学 习 资料 ， 来 帮助 读 
者 进行 更 深入 的 学 习 。 











第 17 章 “Unity 的 表面 着 色 器 探秘 


在 2009 年 的 时 候 〈 当 时 Unity 的 版 本 是 2.x) ，Unity 的 泻 染 工程 师 
Aras〈 吕 是 经 党 活跃 在 论坛 和 各 种 会 议 上 的 ， 大 名 易 易 的 Aras 
Pranckevicius) 连续 发 表 了 3 篇 名 为 《Shaders must die》 的 博客 。 在 这 些 
博客 里 ，Aras 认 为 ， 把 演 染 流程 分 为 项 点 和 像素 的 抽象 层面 是 错误 的 ， 
是 一 种 不 易 理 解 的 抽象 。 目 前 ， 这 种 在 顶点 /几何 / 片 元 着 色 器 上 的 操作 
是 对 硬件 友好 的 一 种 方式 ， 但 不 符合 我 们 人 类 的 思考 方式 。 相 反 ， 他 认 
为 ， 应 该 划分 成 表面 着 色 器 、 光 照 模型 和 光照 着 色 器 这 样 的 层面 。 其 
中 ， 表 面 着 色 器 定义 了 模型 表面 的 反射 率 、 法 线 和 高 光 等 ， 光 照 模型 则 
选择 是 使 用 兰 伯 特 还 是 Blinn-Phong 等 模型 。 而 光照 着 色 器 负责 计算 光照 
衰减 、 阴 影 等 。 这 样 ， 绝 大 部 分 时 间 我 们 只 需要 和 表面 着 色 器 打交道 ， 
例如 ， 混 合 纹理 和 颜色 等 。 光 照 模 型 可 以 是 提前 定义 好 的 ， 我 们 只 需要 
选择 哪 种 预定 义 的 光照 模型 即 可 。 而 光照 着 色 器 一 旦 由 系统 实现 后 ， 更 
不 会 被 轻易 改动 ， 从 而 大 大 减轻 了 Shader 编 写 者 的 工作 量 。 有 了 这 样 的 
想法 ，Aras 在 随后 的 文章 中 开始 尝试 把 表面 着 色 器 整合 到 Unity 中 。 最 
终 ， 在 2010 年 的 Unity 3 中 ，Surface Shader 被 加 入 到 Unity 的 大 家 族 中 
和 



































虽然 Unity 换 了 一 个 新 的 “马甲 "， 但 表面 着 色 器 〈Surface Shader ) 
实际 上 就 是 在 顶点 / 片 元 着 色 器 之 上 又 添加 了 一 层 抽 象 。 按 Aras 的 话 来 解 
释 就 是 ， 顶 点 /几何 / 片 元 着 色 器 是 硬件 能 “理解 ”的 泻 染 方式 ， 而 开发 者 
应 该 使 用 一 种 更 容易 理解 的 方式 。 很 多 时 候 ， 使 用 表面 着 色 器 ， 我 们 只 
需要 告诉 Shader: “ 嘿 ， 使 用 这 些 纹理 去 填充 颜色 ， 使 用 这 个 法 线 纹理 
去 填充 表面 法 线 ， 使 用 兰 伯 特 光照 模型 ， 其 他 的 就 不 要 来 烦 我 了 ! ”我 
们 不 需要 考虑 是 使 用 前 向 泻 染 路 径 还 是 延迟 泻 染 路 径 ， 场 景 中 有 多 少 光 
源 ， 它 们 的 类 型 是 什么 ， 怎 样 处 理 这 些 光 源 ， 每 个 Pass 需 要 处 理 多 少 个 
光源 等 问题 〈 正 是 因为 有 这 些 事情 ， 人 们 总 会 抱怨 写 一 个 Shader 是 多 人 么 
的 奢 烦 ...... ) 。 这 时 ，Unity 说 : “不 要 急 ， 我 来 干 ! ” 


那么 ， 表 面 着 色 器 到 底 长 什么 样 呢 ? 它们 又 是 如 何 工作 的 呢 ? 这 正 
古本 章 要 学 习 的 内 容 。 








17.1 表面 着 色 融 的 一 个 例子 


在 学 习 原 理 之 前 ， 我 们 首先 来 看 一 下 一 个 表面 着 色 器 长 什么 样子 。 
为 此 ， 我 们 需要 做 如 下 的 准备 工作 。 


(1) 在 Unity 中 新 创建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene_17_1。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 
平行 光 ， 并 且 使 用 了 内 置 的 天 空 例子。 在 Window -~ Lighting ~ Skybox 
中 去 掉 场 景 中 的 天 空 盒 


(2) 新 创建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
BumpedSpecularMat。 

















(3) 新 创建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 
Chapter17-BumpedDiffuse。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材 
质 。 


(4) 在 场景 中 创建 一 个 胶 吉 体 〈capsule) ， 并 把 第 2 步 中 的 材质 赋 
给 该 肌 吉 体 。 
(5) 保存 场景 。 
我 们 将 使 用 表面 着 色 器 来 实现 一 个 使 用 了 法 线 纹理 的 漫 反射 效果 ，。 
这 可 以 参考 Unity 内 置 的 “Legacy Shaders/Bumped Diffuse” 的 代码 实现 


(可 以 在 官方 网 站 的 内 置 Shader 包 中 找到 ) 。 打 开 Chapter17- 
BumpedDiffuse， 删 除 原 有 的 代码 ， 把 下 面 的 代码 粘贴 进去 : 








Shader "Unity Shaders Book/Chapter 17/Bumped Diffuse" { 

Properties { 
_Color ("Main Color", Color) = (1,1,1,1) 
MainTex ("Base (RGB)", 2D) = "white" {} 
_BumpMap ("Normalmap", 2D) = "bump" {} 

} 

SubShader { 
Tags { "RenderType"="Opaque"” } 
LOD 366 


CGPROGRAM 
#pragma surface surf Lambert 


#pragma target 3.06 


sampler2D MainTex; 
sampler2D BumpMap; 
fixed4 Color; 


struct Input { 
float2 uv_MainTex; 
float2 uv_BumpMap; 
}; 


void surf (Input IN, inout SurfaceOutput o) { 
fixed4 tex = tex2D( MainTex, IN.uv MainTex); 
0.Albedo = tex.rgb * Color.rgb; 
o.Alpha = tex.a * Color.a; 
o.Normal = UnpackNormal(tex2D(_ BumpMap, IN.uv_BumpMap)); 


ENDCG 


FallBack "Legacy Shaders/Diffuse" 








保存 程序 后 ， 返 回 Unity 中 查看 。 在 BumpedDiffuseMat 的 面板 上 ， 
我 们 把 本 书 资源 中 的 Assets/Textures/Chapter17/Mud_Diffuse.tif 和 和 
Assets/Textures/Chapter17/Mud_Normal.tif 分 别 拖 忠 到 _MainTex 和 
_BumpMap 属 性 上 ， 就 可 以 得 到 类 似 图 17.1 中 左 图 的 结果 。 我 们 还 可 以 
癌 场 景 中 添加 一 些 点 光源 和 聚光灯 ， 并 改变 它们 的 颜色 ， 束 可 以 得 到 类 





J 注意 ， 在 这 个 过 程 中 ， 我 们 不 需要 对 代码 做 任 
可 改动 。 





A 图 17.1 表面 着 色 器 的 例子 左边 : 在 一 个 平行 光 下 的 效果 。 右 边 : 添加 了 一 个 点 光源 《〈 蓝 
色 ) 和 一 个 聚光灯 《紫色 ) 后 的 效果 


从 上 面 的 例子 可 以 看 出 ， 相 比 之 前 所 学 的 顶点 / 片 元 着 色 器 技术 ， 
表面 着 色 器 的 代码 量 很 少 〈 只 需要 三 十 多 行 ) ， 如 果 我 们 使 用 顶点 / 片 
元 着 色 器 来 实现 上 述 的 功能 ， 大 概 需 要 150 多 行 代码 (参考 本 书 资源 中 
的 “Unity Shaders Book/Common/Bumped Diffuse”) ! 而 且 ， 我 们 可 以 非 
和 轻松 地 实现 第 见 的 光照 模型 ， 甚 至 不 需要 和 任何 光照 变量 打交道 ， 
Unity 就 帮 我 们 人 处理 好 了 每 个 光源 的 光照 结果 。 


读者 可 以 在 Unity 官 方 手册 的 表面 着 色 器 的 例子 一 文 
(http://docs.unity3d.com/Manual/SL- SurfaceShaderExamples.html ) 中 找 
到 更 多 的 示例 程序 。 下 面 ， 我 们 将 有 具体 学 习 表面 着 色 器 的 特点 和 工作 原 

















和 顶点 / 片 元 着 色 器 需要 包含 到 一 个 特定 的 Pass 块 中 不 同 ， 表 面 着 色 
器 的 CG 代码 是 直接 而 且 也 必须 写 在 SubShader 块 中 ，Unity 会 在 背后 为 我 
们 生成 多 个 Pass。 当 然 ， 可 以 在 SubShader 一 开始 处 使 用 Tags 来 设置 该 
表面 着 色 器 使 用 的 标签 。 在 Chapter17-BumpedDiffuse 中 ， 我 们 还 使 
用 LOD 命令 设置 了 该 表面 着 色 器 的 LOD 值 〈 详 见 16.8.1 节 ) 。 然 后 ， 我 
们 使 用 CGPROGRAM 和 ENDCG 定义 了 表面 着 色 器 的 具体 代码 。 


-个 表面 着 色 器 中 最 重要 的 部 分 是 两 个 结构 体 以 及 它 的 编译 指令 
。 其 中 ， 两 个 结构 体 是 表面 着 色 器 中 不 同 函 数 之 间 信 息 传递 的 桥梁 ， 而 
编译 指令 是 我 们 和 Unity 沟 通 的 重要 手段 。 











17.2 ”编译 指令 


我 们 首先 来 看 一 下 表面 着 色 器 的 编译 指令 。 编 译 指令 是 我 们 和 
Unity 沟 通 的 重要 方式 ， 通 过 它 可 以 告诉 Unity:“ 嘿 ， 用 这 个 表面 函数 设 
置 表面 属性 ， 用 这 个 光照 模型 模拟 光照 ， 我 不 要 阴影 和 环境 光 ， 不 要 稚 
效 ! ”只 需要 一 句 代 码 ， 我 们 束 可 以 完成 这 么 多 事情 ! 


编译 指令 最 重要 的 作用 是 指明 该 表面 着 色 器 使 用 的 表面 函数 和 光 
照 函 数 ， 并 设置 一 些 可 选 参数 。 表 面 着 色 器 的 CG 块 中 的 第 一 句 代码 往 
往 束 是 它 的 编译 指令 。 编 译 指令 的 一 般 格式 如 下 : 


#pragma surface surfaceFunction lightModel [optionalparams ] 


其 中 ，#pragma surface 用 于 指明 该 编译 指令 是 用 于 定义 表面 着 色 
器 的 ， 在 它 的 后 面 需要 指明 使 用 的 表面 函数 (surfaceFunction〉 和 光照 
模型 〈lightModel) ， 同 时 ， 还 可 以 使 用 一 些 可 选 参数 来 控制 表面 着 色 
器 的 一 些 行 为 。 


17.2.1 ”表面 函数 


我 们 之 前 说 过 ， 表 面 着 色 器 的 优点 在 于 抽象 出 了 “表面 > 这 一 概念 。 
与 之 前 遇 到 的 顶点 / 片 元 抽象 层 不 同 ， 一 个 对 象 的 表面 属性 定义 了 它 的 
反射 率 、 光 滑 度 、 透 明度 等 值 。 而 编译 指令 中 的 surfaceFunction 束 用 于 
定义 这 些 表面 属性 。surfaceFunction 通 常 就 是 名 为 surf 的 函数 (也 数 名 可 
以 是 任意 的 ) ， 它 的 函数 格式 是 固定 的 : 


























void surf (Input IN, inout SurfaceOutput o) 
void surf (Input IN, inout SurfaceOutputStandard o) 


void surf (Input IN, inout SurfaceOutputStandardSpecular o0) 








其 中 ， 后 两 个 是 Unity 5 中 由 于 引入 了 基于 物理 的 泻 染 而 新 添加 的 两 
种 结构 体 。SurfaceOutput 、SurfaceOutputStandard 和 
SurfaceOutputStandardSpecular 都 是 Unity 内 置 的 结构 体 ， 它 们 需要 配 


合 不 同 的 光照 模型 使 用 ， 我 们 会 在 下 一 节 进 行 更 详细 地 解释 。 


在 表面 函数 中 ， 会 使 用 输入 结构 体 Input IN 来 设置 各 种 表面 属性 ， 
并 把 这 些 属性 存储 在 输出 结构 体 SurfaceOutput、SurfaceOutputStandard 
或 SurfaceOutputStandardSpecular 中 ， 再 传递 给 光照 函数 计算 光照 结 
读者 可 以 在 Unity 手 册 中 的 表面 着 色 器 的 例子 一 文 

(http://docs.unity3d.com/ Manual/SL-SurfaceShaderExamples.html ) 中 找 
到 更 多 的 示例 表面 函数 。 


17.2.2 ”光照 函数 


除了 表面 函数 ， 我 们 还 需要 指定 另 一 个 非常 重要 的 函数 一 一 光照 函 
数 。 光 照 函数 会 使 用 表面 函数 中 设置 的 各 种 表面 属性 ， 来 应 用 某 些 光照 
模型 ， 进 而 模拟 物体 表面 的 光照 效果 。Unity 内 置 了 基于 物理 的 光照 模 
型 函数 Standard 和 StandardSpecular (在 UnityPBSLighting.cginc 文 件 中 
被 定义 ) ， 以 及 简单 的 非 基 于 物理 的 光照 模型 函数 Lambert 和 
BlinnPhong 〈 在 Lighting.cginc 文 件 中 被 定义 ) 。 例 如 ， 在 Chapter17- 
BumpedDiffuse 中 ， 我 们 就 指定 了 使 用 Lambert 光 照 函 数 。 


当然 ， 我 们 也 可 以 定义 目 己 的 光照 函数 。 例 如 ， 可 以 使 用 下 面 的 函 
数 来 定义 用 于 前 同 泻 染 中 的 光照 函数 : 














// 用 于 不 依赖 视角 的 光照 模型 ， 例 如 漫 反 射 
half4 Lighting<Name> (SurfaceOutput s, half3 lightDir, half atten) ; 
// 用 于 依赖 视角 的 光照 模型 ， 例 如 高 光 反 射 


half4 Lighting<Name> (SurfaceOutput s, half3 lightDir, half3 viewDir, half 
atten); 








读者 可 以 在 Unity 手 册 的 表面 着 色 器 中 的 自 定 义 光 照 模型 一 文 
(http://docs.unity3d.com/ Manual/SL-SurfaceShaderLighting.html ) 中 找 
到 更 全 面 的 自 定 义 光 照 模型 的 介绍 。 而 一 些 例 子 可 以 参见 手册 中 的 表面 

着 色 器 的 光照 例子 一 文 (http://docs.unity3d.com/Manual/SL- 
SurfaceShader LightingExamples.html ) ， 这 篇 文档 展示 了 如 何 使 用 表面 
目 定 义 和 常见 的 漫 有 反射 、 高 光 反 射 、 基 于 光照 纹理 等 常用 的 光照 
喘 公 。 








17.2.3 ”其 他 可 选 参 数 


在 编译 指令 的 最 后 ， 我 们 还 可 以 设置 一 些 可 选 参数 


Coptionalparams) 。 这 些 可 选 参数 包含 了 很 多 非常 有 用 的 指令 类 型 ， 例 
如 ， 开 局 /设置 透明 度 混 合 /透明 度 测试 ， 指 明 自 定义 的 顶点 和 颜色 修改 
函数 ， 控 制 生 成 的 代码 等 。 下 和 面 ， 我 们 选取 了 一 些 比 较 重 要 和 常用 的 参 
数 进行 更 深入 地 说 明 。 读 者 可 以 在 Unity 官 方 手册 的 编写 表面 着 色 器 一 
文 《http://docs.unity3d.com/Manual/SL-SurfaceShaders.html ) 中 找到 更 加 
详细 的 参数 和 设置 说 明 。 





自 定 义 的 修改 函数 。 除 了 表面 函数 和 光照 模型 外 ， 表 面 着 色 器 还 可 
以 文 持 其 他 两 种 目 定 义 的 函数 : 顶点 修改 函数 
(vertex:VertexFunction) 和 最 后 的 颜色 修改 函数 
(finalcolor:ColorFunction) 。 顶 点 修改 函数 允许 我 们 自 定 义 一 些 
顶点 属性 ， 例 如 ， 把 顶点 颜色 传递 给 表面 函数 ， 或 是 修改 顶点 位 
置 ， 实 现 某 些 顶点 动画 等 。 最 后 的 颜色 修改 函数 则 可 以 在 颜色 绘制 
到 屏幕 前 ， 最 后 一 次 修改 颜色 值 ， 例 如 实现 自 定义 的 雾 效 等 。 
阴影 。 我 们 可 以 通过 一 些 指 令 来 控制 和 阴影 相关 的 代码 。 例 

如 ，addshadow 参数 会 为 表面 着 色 堪 生成 一 个 阴影 投射 的 Pass。 通 
常情 况 下 ，Unity 可 以 直接 在 FallBack 中 找到 通用 的 光照 模式 为 
ShadowGCaster 的 Pass， 从 而 将 物体 正确 地 泻 染 到 深度 和 阴影 纹理 中 
〈 详 见 9.4 节 ) 。 但 对 于 一 些 进行 了 顶点 动画 、 透 明度 测试 的 物 
体 ， 我 们 就 需要 对 阴影 的 投射 进行 特殊 处 理 ， 来 为 它们 产生 正确 的 
阴影 ， 正 如 我 们 在 11.3.3 节 中 看 到 的 一 样 。fullforwardshadows 参 
数 则 可 以 在 前 问 泻 染 路 径 中 支持 所 有 光源 类 型 的 阴影 。 默 认 情 况 
下 ，Unity 只 文 持 最 重要 的 平行 光 的 阴影 效果 。 如 果 我 们 需要 让 点 
光源 或 聚光灯 在 前 同 泻 染 中 也 可 以 有 阴影 ， 束 可 以 添加 这 个 参数 。 
相反 地 ， 如 果 我 们 不 想 对 使 用 这 个 Shader 的 物体 进行 任何 阴影 计 
算 ， 就 可 以 使 用 noshadow 参数 来 禁用 阴影 。 

透明 度 混 合 和 透明 度 测 试 。 我 们 可 以 通过 alpha 和 alphatest 指令 来 
控制 透明 度 混 合 和 透明 度 测 试 。 例 如 ，alphatest:VariableName 指 
令 会 使 用 名 为 VariableName 的 变量 来 剔除 不 满足 条 件 的 片 元 。 此 
时 ， 我 们 可 能 还 需要 使 用 上 面 提 到 的 addshadow 参数 来 生成 正确 的 
阴影 投射 的 Pass。 

光照 。 一 些 指令 可 以 控制 光照 对 物体 的 影响 ， 例 如 ，noambient 参 
数 会 告诉 Unity 不 要 应 用 任何 环境 光照 或 光照 探 针 (ight 

probe ) 。novertexlights 参数 告诉 Unity 不 要 应 用 任何 逐 顶 点 光 




















照 。noforwardadd 会 去 掉 所 有 前 同 演 染 中 的 额外 的 Pass。 也 束 是 
说 ， 这 个 Shader 只 会 支持 一 个 逐 像素 的 平行 光 ， 而 其 他 的 光源 会 按 
照 逐 顶点 或 SH 的 方法 来 计算 光照 影响 。 这 个 参数 通常 会 用 于 移动 
平台 版 本 的 表面 着 色 器 中 。 还 有 一 些 用 于 控制 光照 烘焙 、 雾 效 模拟 
的 参数 ， 如 nolightmap 、nofog 等 。 

控制 代码 的 生成 。 一 些 指令 还 可 以 控制 由 表面 着 色 器 自动 生成 的 代 
码 ， 默 认 情 况 下 ，Unity 会 为 一 个 表面 着 色 器 生成 相应 的 前 向 泻 染 
路 径 、 延 迟 泻 染 路 径 使 用 的 Pass， 这 会 导致 生成 的 Shader 文 件 比 较 
大 。 如 果 我 们 确定 该 表面 着 色 器 只 会 在 某 些 泻 染 路 径 中 使 用 ， 就 可 
以 exclude_path:deferred 、exclude_path:forward 和 
exclude_path:prepass 来 告诉 Unity 不 需要 为 某 些 尝 染 路 径 生 成 代 
全 5 


从 上 述 可 以 看 出 ， 表 面 着 色 器 支持 的 编译 指令 参数 很 多 ， 为 我 们 编 
写 表 面 着 色 器 提供 了 很 大 的 方便 。 之 前 在 顶点 / 片 元 着 色 器 中 需要 耗费 
大 量 代 码 来 完成 的 工作 ， 在 表面 着 色 器 中 可 能 只 需要 一 个 参数 就 可 以 
了 。 当 然 ， 相 比 与 顶点 / 片 元 着 色 器 ， 表 面 着 色 器 也 有 它 自身 的 限制 ， 
我 们 会 在 17.6 节 中 对 比 它们 的 优 缺 点 。 
































17.3 ”两 个 结构 体 


在 上 一 节 我 们 已 经 讲 过 ， 表 面 着 色 需 文 持 最 多 上 自 定 义 4 种 关键 的 函 
数 : 表面 函数 《〈 用 于 设置 各 种 表面 性 质 ， 如 反射 率 、 法 线 等 ) ， 光 照 函 
数 〈 定 义 表面 使 用 的 光照 模型 ) ， 顶 点 修改 函数 〈 修 改 或 传递 顶点 属 
性 ) ， 最 后 的 颜色 修改 函数 〈 对 最 后 的 颜色 进行 修改 ) 。 那 么 ， 这 些 隙 
数 之 间 的 信息 传递 是 怎么 实现 的 呢 ? 例如 ， 我 们 想 把 顶点 颜色 传递 给 表 
I 添加 到 表面 反射 率 的 计算 中 ， 要 怎么 做 昵 ? 这 就 是 两 个 结构 体 
LAEs 


个 表面 着 色 占 需要 使 用 两 个 结构 体 : 表面 函数 的 输入 结构 
体 Input ， 以 及 存储 了 表面 属性 的 结构 体 SurfaceOutput CUnity 5 新 引 
入 了 男 外 两 个 同 种 的 结构 体 SurfaceOutputStandard 和 
SurfaceOutputStandardSpecular ) 。 


17.3.1 数据 来 源 : Input 结 构 体 


Input 结构 体 包含 了 许多 表面 属性 的 数据 来 源 ， 因 此 ， 它 会 作为 表 
面 函 数 的 输入 结构 体 〈 如 果 自 定义 了 顶点 修改 函数 ， 它 还 会 是 顶点 修改 
函数 的 输出 结构 体 ) 。Input 文 持 很 多 内 置 的 变量 名 ， 通 过 这 些 变量 名 ， 
我 们 告诉 Unity 需 要 使 用 的 数据 信息 。 例 如 ， 在 Chapter17- 
BumpedDiffuse 中 ，Input 结 构 体 中 包含 了 主 纹理 和 法 线 纹理 的 采样 坐标 
uv_MainTex 和 uv_BumpMap。 这 些 采 样 坐标 必须 以 “av 为 前 级 〈 实 际 上 
也 可 用 “uv2” 为 前 级 ， 表 明 使 用 次 纹理 坐标 集合 ) ， 后 面 紧 跟 纹 理 名 
称 。 以 主 纹理 _MainTex 为 例 ， 如 果 需 要 使 用 它 的 采样 坐标 ， 就 需要 在 
Input 结 构 体 中 声明 float2 uv_MainTex 来 对 应 它 的 采样 坐标 。 表 17.1 列 出 
了 Input 结 构 体 中 内 置 的 其 他 变量 。 


表 17.1 











变量 





float3 viewDir 包含 了 视角 方向 ， 可 用 于 计算 边缘 光照 等 

















使 用 COLOR 语 义 定 








义 的 float4 变 量 包含 了 插值 后 的 逐 顶 点 颜色 

















了 所 区 空间 的 他 标 ， 可 以 用 于 反 册 或 习 和 


包含 了 世界 空间 下 的 位 置 


float3 worldRefl 包含 了 世界 空间 下 的 反射 方向 。 前 提 是 没有 修改 表面 法 线 


o.Normal 




















如 果 修 改 了 表面 法 线 o.Normal， 需 要 使 用 该 变量 告诉 Unity 要 基 
float3 worldRefl; 于 修改 后 的 法 线 计算 世界 空间 下 的 反射 方向 。 在 表面 函数 中 ， 
INTERNAL_DATA | 我 们 需要 使 用 WorldReflectionVector(IN, o.Normal) 来 得 到 世界 空 

间 下 的 反射 方向 












































包含 了 世界 空间 的 法 线 方 向 。 前 提 是 没有 修改 表面 法 线 


o.Normal 











float3 worldNormal 








如 果 修 改 了 表面 法 线 o.Normal， 需 要 使 用 该 变量 告诉 Unity 要 基 
float3 worldNormal; | 于 修改 后 的 法 线 计算 世界 空间 下 的 法 线 方向 。 在 表面 函数 中 ， 
INTERNAL_DATA | 我 们 需要 使 用 WorldNormalVector(IN, o.Normal) 来 得 到 世界 空间 

下 的 法 线 方 向 





















































需要 注意 的 是 ， 我 们 并 不 需要 自己 计算 上 述 的 各 个 变量 ， 而 只 需要 
在 mput 结 构 体 中 按 上 述 名 称 严 格 声明 这 些 变 量 即 可 ，Unity 会 在 背后 为 
我 们 准备 好 这 些 数据 ， 而 我 们 只 需要 在 表面 函数 中 直接 使 用 它们 即 可 。 
一 个 例外 情况 是 ， 我 们 自 定义 了 顶 反 修改 函数 ， 并 需要 问 表 面 函 数 中 传 
递 一 些 目 定 义 的 数据 。 例 如 ， 为 了 目 定 义 邹 效 ， 我 们 可 能 需要 在 顶 氮 修 
改 函 数 中 根据 顶点 在 视角 空间 下 的 位 置信 息 计 算盘 效 混合 系数 ， 这 样 我 
们 就 可 以 在 mput 结 构 体 中 定义 一 个 名 为 half fog 的 变量 ， 把 计算 结果 存 
储 在 该 变量 后 进行 输出 。 


17.3.2 表面 属性 : SurfaceOutput 结 构 体 


有 了 Input 结 构 体 来 提供 所 需要 的 数据 后 ， 我 们 就 可 以 据 此 计算 各 种 
表面 属性 。 因 此 ， 男 一 个 结构 体 就 是 用 于 存储 这 些 表 面 属性 的 结构 体 ， 











BSurfaceOutput 、SurfaceOutputStandard 和 
SurfaceOutputStandardSpecular ， 它 会 作为 表面 图 数 的 输出 ， 随 后 会 
作为 光照 函数 的 输入 来 进行 各 种 光照 计算 。 相 比 与 nput 结 构 体 的 自由 
性 ， 这 个 结构 体 里 面 的 变量 是 提前 就 声明 好 的 ， 不 可 以 增加 也 不 会 减少 

《如 果 没 有 对 某 些 变量 赋值 ， 就 会 使 用 默认 值 ) 。SurfaceOutput 的 声明 
可 以 在 Lighting.cginc 文 件 中 找到 : 











struct SurfaceOutput { 
fixed3 Albedo; 
fixed3 Normal; 
fixed3 Emission; 
half Specular; 


fixed Gloss; 
fixed Alpha; 





而 SurfaceOutputStandard 和 SurfaceOutputStandardSpecular 的 声 
明 可 以 在 UnityPBSLighting.cginc 中 找到 : 


struct SurfaceOutputStandard 
{ 
fixed3 Albedo; // base (diffuse or specular) color 
fixed3 Normal; // tangent space normal, if written 
half3 Emission; 
half Metallic; // 0=non-metal, 1=metal 
half Smoothness; // 0=rough, 1=smooth 
half Occlusion,; // occlusion (default 1) 
fixed Alpha; // alpha for transparencies 


}; 


struct SurfaceOutputStandardSpecular 
{ 


fixed3 Albedo; // diffuse color 

fixed3 Specular; // specular color 

fixed3 Normal; // tangent space normal, if written 
half3 Emission; 

half Smoothness; // 0=rough, 1=smooth 

half Occlusion; // occlusion (default 1) 

fixed Alpha; // alpha for transparencies 








在 一 个 表面 着 色 器 中 ， 只 需要 选择 上 述 三 者 中 的 其 一 即 可 ， 这 取决 
于 我 们 选择 使 用 的 光照 模型 。Unity 内 置 的 光照 模型 有 两 种 ， 一 种 是 
Unity 5 之 前 的 、 人 简单 的 、 非 基于 物理 的 光照 模型 ， 包 括 了 Lambert 和 
BlinnPhong ; 男 一 种 是 Unity 5 添加 的 、 基 于 物理 的 光照 模型 ， 包 括 
Standard 和 StandardSpecular ， 这 种 模型 会 更 加 符合 物理 规律 ， 但 计 
算 也 会 复杂 很 多 。 如 果 使 用 了 非 基 于 物理 的 光照 模型 ， 我 们 通常 会 使 
用 SurfaceOutput 结构 体 ， 而 如 果 使 用 了 基于 物理 的 光照 模型 Standard 
或 StandardSpecular ， 我 们 会 分 别 使 用 SurfaceOutputStandard 
或 SurfaceOutput StandardSpecular 结构 体 。 其 中 ， 
SurfaceOutputStandard 结 构 体 用 于 默认 的 金属 工作 流程 (Metallic 
Workflow) ， 对 应 了 Standard 光 照 前 数 ;， 而 
SurfaceOutputStandardSpecular 结 构 体 用 于 高 光 工 作 流程 〈《Specular 
Workflow) ， 对 应 了 StandardSpecular 光 照 函 数 。 更 多 关于 基于 物理 的 泻 
染 内 容 ， 我 们 会 在 第 18 章 中 讲 到 。 


在 本 节 ， 我 们 着 重 介 绍 一 下 SurfaceOutput 结 构 体 中 的 变量 和 含义 。 
在 表面 函数 中 ， 我 们 需要 根据 Input 结 构 体 传递 的 各 个 变量 计算 表面 属 
性 。 在 SurfaceOutput 结 构 体 ， 这 些 表面 属性 包括 了 。 


。 fixed3 Albedo: 对 光源 的 反射 率 。 通 第 由 纹理 采样 和 颜色 属性 的 乘 
只 计算 而 得 。 

。 fixed3 Normal: 表面 法 线 方 癌 。 

。 fixed3 Emission: 自发 光 。Unity 通 常会 在 片 元 着 色 器 最 后 输出 前 
(并 在 最 后 的 顶点 函数 被 调用 前 ， 如 果 定 义 了 的 话 ) ， 使 用 类 似 下 
面 的 语句 进行 简单 的 颜色 车 加 : 


c.rgb += 0.Emission; 


。 half Specular: 高 光 反 射 中 的 指数 部 分 的 系数 ， 影 响 高 光 反 射 的 计 
算 。 例 如 ， 如 果 使 用 了 内 置 的 BlinnPhong 光 照 函 数 ， 它 会 使 用 如 下 
语句 计算 高 区 反射 的 强度 : 


float spec = pow (nh, s.Specular*128.0) * s.Gloss; 





。 fixed Gloss: 高 光 反 射 中 的 强度 系数 。 和 上 面 的 Specular 类 似 ， 计 算 
公式 见 上 面 的 代码 。 一 般 在 包含 了 高 光 反 射 的 光照 模型 里 使 用 。 
ee 

须 色 混合 。 


尽管 表面 着 色 器 极 大 地 减少 了 我 们 的 工作 量 ， 但 它 带 来 的 一 个 问题 
是 ， 我 们 经 常 不 知道 为 什么 会 得 到 这 样 的 泻 染 结果 。 如 果 你 不 是 一 
个 “好 奇 宝宝 ”的 话 ， 你 可 以 高 高 兴 兴 地 使 用 表面 着 色 器 来 方便 地 实现 一 
些 不 错 的 泻 染 效果 。 但 是 ， 一 些 好 奇 的 初学 者 往往 会 提出 这 样 的 问 
题 : “为 什么 我 的 场景 里 没有 灯光 ， 但 物体 不 是 全 黑 的 呢 ? 为 什么 我 把 
光源 的 闫 色调 成 黑色 ， 物 体 还 是 有 一 些 演 染 颜色 呢 ?” 这 些 问 题 都 源 于 
表面 着 色 器 对 我 们 隐藏 了 实现 细节 。 而 想 要 更 加 得 心 应 手 地 使 用 表面 着 
色 器 ， 我 们 就 需要 学 习 它 的 工作 流水 线 ， 并 了 解 Unity 是 如 何 为 一 个 表 
面 着 色 器 生成 对 应 的 顶点 / 片 元 着 色 器 的 〈 时 刻 记 着 ， 表 面 着 色 器 本 质 
上 就 是 包含 了 很 多 Pass 的 顶点 / 片 元 着 色 器 ) 。 























17.4 Unity 背 后 做 了 什么 


在 前 面 的 内 容 中 ， 我 们 已 经 了 解 到 如 何 利用 编译 指令 、 目 定义 函数 
(表面 函数 、 光 照 函 数 ， 以 及 可 选 的 顶点 修改 函数 和 最 后 的 颜色 修改 函 
数 ) 和 两 个 结构 体 来 实现 一 个 表面 着 色 器 。 我 们 一 直 强 调 ，Unity 实 际 
会 在 背后 为 表面 着 色 器 生成 真正 的 顶点 / 片 元 着 色 器 。 那 么 ， 表 面 着 色 
髓 中 的 各 个 函数 、 编 译 指令 和 结构 体 与 顶点 /请 元 着 色 需 之 间 有 什么 关 
系 呢 ? 这 正 是 本 节 要 学 习 的 内 容 。 


我 们 之 前 说 过 ，Unity 在 背后 会 根据 表面 着 色 器 生成 一 个 包含 了 很 
多 Pass 的 顶点 / 片 元 着 色 器 。 这 些 Pass 有 些 是 为 了 针对 不 同 的 渲染 路 径 ， 
例如 ， 默 认 情 况 下 Unity 会 为 前 问 泻 染 路 和 丛生 成 LightMode 
为 ForwardBase 和 ForwardAdd 的 Pass， 为 Unity 5 之 前 的 延迟 演 染 路 径 
生成 LightMode 为 PrePassBase 和 PrePassFinal 的 Pass， 为 Unity 5 之 后 
的 延迟 泻 染 路 径 生 成 LightMode 为 Deferred 的 Pass。 还 有 一 些 Pass 是 用 
于 产生 额外 的 信息 ， 例 如 ， 为 了 给 光照 映射 和 动态 全 局 光照 提取 表面 信 
息 ，Unity 会 生成 一 个 LightMode 为 Meta 的 Pass。 有 些 表 面 着 色 器 由 于 
修改 了 顶点 位 置 ， 因 此 ， 我 们 可 以 利用 adddshadow 编译 指令 为 它 生成 
相应 的 LightMode 为 ShadowCaster 的 阴影 投射 Pass。 这 些 Pass 的 生成 都 
是 基于 我 们 在 表面 着 色 器 中 的 编译 指令 和 自 定 义 的 函数 ， 这 是 有 规律 可 
循 的 。Unity 提 供 了 一 个 功能 ， 让 那些 “好 奇 宝宝 ”可 以 对 表面 着 色 器 自动 
生成 的 代码 一 探究 竟 : 在 每 个 编译 完成 的 表面 着 色 器 的 面板 上 ， 都 有 一 
个 “Show generated code” 的 按钮 ， 如 图 17.2 所 示 ， 我 们 只 需要 单 击 一 下 它 
就 可 以 看 到 Unity 为 这 个 表面 着 色 器 生成 的 所 有 顶点 / 片 元 着 色 器 。 





























Imported Object 


引 Unity Shaders Book/Chapter 17/No 回头, 





Surface shader | Show generated code | 
Compiled code Compile and show code | » | 
Cast shadows Yes 

Render queue 2000 

LOD 300 

lgnore projector no 

Disable batching no 

Properties: 

_ColorTint Color: Color Tint 
_MainTex Texture: Base (RGB) 
_BumpMap Texture: Normalmap 
_Amount 


Range: Extrusion Amount 


4 图 17.2 ”查看 表面 着 色 器 生成 的 代码 


通过 查看 这 些 代 码 ， 我 们 就 可 以 了 解 到 Unity 到 底 是 如 何 根 据 表面 
着 色 器 生成 各 个 Pass 的 。 以 Unity 生 成 的 LightMode 为 ForwardBase 的 
Pass 《用 于 前 同 泻 染 ) 为 例 ， 它 的 洽 染 计算 流水 线 如 图 17.3 所 示 。 从 图 
17.3 中 我 们 可 以 看 出 ，4 个 允许 自 定 义 的 函数 在 流水 线 中 的 位 置 。 


Unity 对 该 Pass 的 自动 生成 过 程 大 致 如 下 。 

















(1) 直接 将 表面 着 色 器 中 CGPROGRAM 和 ENDCG 之 间 的 代码 复 
制 过 来 ， 这 些 代码 包括 了 我 们 对 Input 结 构 体 、 表 面 函 数 、 光 照 函 数 〈 如 
果 自 定 了 的 话 ) 等 变量 和 函数 的 定义 。 这 些 函 数 和 变量 会 在 之 后 的 处 理 
过 程 中 被 当成 正常 的 结构 体 和 函数 进行 调用 。 





顶点 着 色 器 : V2f_surf vert_surf (oppdaota_ful v} 






根据 Inpui 的 
需要 计算 变量 ， 并 -一 > struct v2f_surf 


顶点 数据 一 | LA 
\ 可 存储 到 v2f_surf 
结构 体 中 














片 元 着 色 器 : fixed4 frag_surf {v2f_surfIN) 





1 | 一 > 输出 颜色 











struct 
SurfaceOutput 








A 图 17.3 ”表面 着 色 器 的 演 染 计算 流水 线 。 黄 色 : 可 以 自 定 义 的 函数 。 灰 色 : Unity 自 动 生成 的 
计算 步 又 


(2) Unity 会 分 析 上 述 代码 ， 并 据 此 生成 顶点 着 色 器 的 输出 一 一 
v2f_surf 结 构 体 ， 用 于 在 顶点 着 色 器 和 片 元 着 色 器 之 间 进 行 数 据 传递 。 
Unity 会 分 析 我 们 在 自 定义 函数 中 所 使 用 的 变量 ， 例 如， 纹理 坐标 、 视 
角 方 回 、 肥 射 方 回 等 。 如 果 需 要 ， 它 就 会 在 v2f_surf 中 生成 相应 的 变 
量 。 而 且 ， 即 便 有 时 我 们 在 Input 中 定义 了 某 些 变 量 〈( 如 某 些 纹理 化 
标 ) ， 但 Unity 在 分 析 后 续 代 码 时 发 现 我 们 并 没有 使 用 这 些 变量 ， 那 么 
这 些 变 量 实际 上 是 不 会 在 v2f_surf 中 生成 的 。 这 也 就 是 说 ，Unity 做 了 一 
些 优化 。v2f_surf 中 还 包含 了 一 些 其 他 需要 的 变量 ， 例 如 阴影 纹理 坐 
标 、 光 照 纹理 坐标 、 逐 顶点 光照 等 。 


(3) 接着 ， 生 成 项 点 着 色 器 。 


Q) 如 果 我 们 自 定义 了 顶点 修改 函数 ，Unity 会 首先 调用 顶点 修改 函 
数 来 修改 顶点 数据 ， 或 填充 自 定义 的 Input 结 构 体 中 的 变量 。 然 后 ， 
Unity 会 分 析 顶 点 修改 函数 中 修改 的 数据 ， 在 需要 时 通过 Input 结 构 体 将 
修改 结果 存储 到 v2f_surf 相 应 的 变量 中 。 

@ 计算 v2f_surf 中 其 他 生成 的 变量 值 。 这 主要 包括 了 顶点 位 置 、 纹 
理 坐 标 、 法 线 方向 、 逐 顶点 光照 、 光 照 纹 理 的 采样 坐标 等 。 当 然 ， 我 们 
可 以 通过 编译 指令 来 控制 某 些 变量 是 否 需要 计算 。 


G@) 最 后 ， 将 v2f_surf 传 递 给 接 下 来 的 片 元 着 色 右 。 




















(4) 生成 片 元 着 色 器 。 


Q 使 用 v2f_surf 中 的 对 应 变量 填充 Input 结 构 体 ， 例 如 ， 纹 理 坐 标 、 
视角 方 回 等 。 

@@ 调用 我 们 自 定 义 的 表面 函数 填充 SurfaceOutput 结 构 体 。 

@) 调用 光照 函数 得 到 初始 的 颜色 值 。 如 果 使 用 的 是 内 置 的 Lambert 
或 BlinnPhong 光 照 函数 ，Unity 还 会 计算 动态 全 局 光照 ， 并 添加 到 光照 模 
型 的 计算 中 。 


进行 其 他 的 颜色 闭 加 。 例 如 ， 如 果 没 有 使 用 光照 烘焙 ， 还 会 添 
加 逐 顶 点 光照 的 影响 。 


@@ 最 后 ， 如 果 自 定义 了 最 后 的 颜色 修改 函数 ，Unity 就 会 调用 它 进 
行 最 后 的 颜色 修改 。 


其 他 Pass 的 生成 过 程 和 和 上面 类 似 ， 在 此 不 再 效 述 。 





17.5 表面 着 色 融 实例 分 析 


为 了 帮助 读者 更 加 深入 地 理解 表面 着 色 颖 背后 的 原理 ， 我 们 在 本 市 
以 一 个 表面 着 色 需 为 例 ， 分 析 Unity 为 它 生成 的 代码 。 


读者 可 以 在 本 书 资源 中 的 Scene_17_4 中 找到 相应 的 测试 场景 。 
现 的 效果 是 对 模型 进行 膨胀 ， 如 图 17.4 所 示 。 











全 图 17.4 党 顶点 法 线 对 模型 进行 膀 胀 左边 : 膨胀 前 ， 右 边 : 膨胀 后 


这 种 效果 的 实现 非常 简单 ， 就 是 在 顶点 修改 函数 中 沿 着 顶点 法 线 方 
向 扩张 顶点 位 置 。 为 了 分 析 表 面 着 色 器 中 4 个 可 自 定 义 函 数 〈 顶 点 修改 
函数 、 表 面 函 数 、 光 照 函 数 和 最 后 的 颜色 修改 函数 ) 的 原理 ， 在 本 例 中 
我 们 对 这 4 个 函数 全 部 采用 了 目 定 义 的 实现 。 读 者 可 以 在 Chapter17- 
NormalExtrusion 文 件 中 找到 该 表面 着 色 器 ， 它 的 代码 如 下 : 





Shader "Unity Shaders Book/Chapter 17/Normal Extrusion" { 
Properties { 
_ColorTint ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BumpMap ("Normalmap", 2D) = "bump" {} 
_Amount ("Extrusion Amount", Range(-0.5, 60.5)) = 86.1 


} 

SubShader { 
Tags { "RenderType"="Opaque"” } 
LOD 360 


CGPROGRAM 


// surf - which surface function 

// CustomLambert - which lighting model to use. 

// vertex:myvert - use custom vertex modification function. 

// finalcolor:mycolor - use custom final color modification functi 
on. 

// addshadow - generate a shadow caster pass. Because we modify th 
e vertex position, 

// the shder needs special shadows handling. 

// exclude path:deferred/exclude path:prepas - do not generate pas 
ses for 

//deferred/legacy deferred rendering path. 

// nometa - do not generate a "meta" pass (that’s used by lightmap 
ping & dynamic 

//global illumination to extract surface information). 

#pragma surface surf CustomLambert vertex:myvert finalcolor:mycolo 
r addshadow 

exclude path:deferred exclude path:prepass nometa 

#pragma target 3.06 


fixed4 ColorTint; 
sampler2D MainTex; 
sampler2D BumpMap; 
half _Amount; 


struct Input { 
float2 uv_MainTex; 
float2 uv_BumpMap; 


}; 


void myvert (inout appdata full v) { 
VvV.vertex.xyz += V.normal * Amount; 


} 


void surf (Input IN, inout SurfaceOutput o) { 

fixed4 tex = tex2D( MainTex, IN.uv MainTex); 

0.Albedo = tex.rgb; 

o.Alpha = tex.a; 

o.Normal = UnpackNormal(tex2D( BumpMap, IN.uv_BumpMap)); 
} 


half4 LightingCustomLambert (SurfaceOutput s, half3 lightDir, half 
atten) { 
half NdotL = dot(s.Normal, lightDir); 
half4 c; 
c.rgb = s.Albedo * _LightColore.rgb * (NdotL * atten); 
c.a = Ss.Alpha; 


return c; 


void mycolor (Input IN, SurfaceOutput o, inout fixed4 color) { 
color *= ColorTint; 


ENDCG 


FallBack "Legacy Shaders/Diffuse" 
} 











在 顶点 修改 胃 数 中 ， 我 们 使 用 顶点 法 线 对 顶点 位 置 进行 膨胀 ; 表面 
函数 使 用 主 纹理 设置 了 表面 属性 中 的 反射 率 ， 并 使 用 法 线 纹理 设置 了 表 
面 法 线 方向 ; 光照 函数 实现 了 简单 的 兰 介 特 漫 反 里 光 照 模 型 ， 在 最 后 的 
颜色 修改 函数 中 ， 我 们 简单 地 使 用 了 颜色 参数 对 输出 颜色 进行 调整 。 注 





意 ， 除 了 4 个 函数 外 ， 我 们 在 #pragma surface 的 编译 指令 一 行 中 还 指定 了 
一 些 额外 的 参数 。 由 于 我 们 修改 了 顶点 位 置 ， 因 此 ， 要 对 其 他 物体 产生 
正确 的 阴影 效果 并 不 能 直接 依赖 FallBack 中 找到 的 阴影 投射 
Pass，addshadow 参数 可 以 告诉 Unity 要 生成 一 个 该 表面 着 色 器 对 应 的 阴 
影 投射 Pass。 默 认 情 况 下 ，Unity 会 为 万 有 文 持 的 演 染 路 径 生 成 相应 的 
Pass， 为 了 缩小 自动 生成 的 代码 量 ， 我 们 使 用 exclude_path:deferred 和 
exclude_path:prepass 来 告诉 Unity 不 要 为 延迟 演 染 路 径 生 成 相应 的 
Pass。 最 后 ， 我 们 使 用 nometa 参数 取消 对 提取 元 数据 的 Pass 的 生成 。 


当 在 该 表面 着 色 器 的 导入 面板 中 单 击 “Show generated code” 按 钮 
后 ， 我 们 就 可 以 看 到 Unity 生 成 的 顶点 / 片 元 着 色 器 了 。 由 于 代码 比较 
多 ， 为 了 节省 篇 幅 我 们 不 再 把 全 部 代码 粘贴 到 这 里 。 因 此 ， 在 往 下 阅读 
之 前 ， 请 读者 先 打开 生成 的 代码 文件 ， 以 便 明 白 我 们 接 下 来 的 分 析 。 


在 这 个 将 近 600 行 代码 的 文件 中 ，Unity 一 共 为 该 表面 着 色 器 生成 了 
3 个 Pass， 它 们 的 LightMode 分 别 是 ForwardBase、EForwardAdd 和 
ShadowCaster， 分 别 对 应 了 前 同 演 染 路 径 中 的 处 理 逐 像素 平行 光 的 
Pass、 处 理 其 他 逐 像 系 光 的 Pass、 处 理 阴 影 投射 的 Pass。 这 些 Pass 的 原理 
可 以 回顾 9.1.1 节 和 9.4 节 中 的 相关 内 容 。 读 者 可 以 在 这 些 代码 中 看 到 大 
量 的 #ifdef 和 #if 语句 ， 这 些 语句 可 以 判断 一 些 泻 染 条 件 ， 例 如 ， 是 个 使 
用 了 动态 光照 纹理 、 是 否 使 用 了 逐 顶 点 光照 、 是 否 使 用 了 屏幕 空间 的 阴 














影 等 ，Unity 会 根据 这 些 条 件 来 进行 不 同 的 光照 计算 ， 这 正 是 表面 着 色 
器 的 魅力 之 一 一 一 把 这 些 烦人 的 光照 计 算 交 给 Unity 来 做 ! 


需要 注意 的 是 ， 不 同 的 Unity 版 本 可 能 生成 的 代码 有 少许 不 同 。 在 
本 书 中 ， 我 们 以 Unity 5.2.1 中 的 结果 为 准 。 下 面 ， 我 们 来 分 析 Unity 生 成 


的 ForwardBase Pass 。 


(1) Unity 首 先 指 明了 一 些 编译 指令 : 





// ---- forward rendering base pass : 
Pass { 

Name "FORWARD" 

Tags { "LightMode" = "ForwardBase"” } 


CGPROGRAM 

// compile directives 

#pragma vertex vert _ surf 

#pragma fragment frag_ surf 

#pragma target 3.06 

#pragma multi compile fwdbase 
#include "HLSLSupport.cginc" 

#include "UnityShaderVariables.cginc" 





顶点 着 色 器 vert_surf 和 片 元 着 色 器 frag_surf 都 是 自动 生成 的 。 
(2) 之 后 出 现 的 是 一 些 自动 生成 的 注释 : 





// Surface shader code generated based on: 
// vertex modifier: 'myvert'" 
// writes to per-pixel normal: YES 
// writes to emission: no 
// needs world space reflection vector: no 
// needs world space normal vector: no 
// needs screen space position: no 
// needs world space position: no 
// needs view direction: no 
// needs world space view direction: no 
// needs world space position for lighting: no 
// needs world space view direction for lighting: no 
// needs world space view direction for lightmaps: no 
// needs vertex color: no 
// needs VFACE: no 


// passes tangent-to-world matrix to pixel shader: YES 
// reads from normal: no 

// 2 texcoords actually used 

// float2 MainTex 

// float2 BumpMap 





尽管 这 些 对 泻 染 结果 没有 影响 ， 但 我 们 可 以 从 这 些 注释 中 理解 到 








(3) 随后 ，Unity 定 义 了 一 些 宏 来 辅助 计算 : 


#define INTERNAL DATA half3 internalSurfaceTtow6; half3 internalSurfaceTto 
W1i; half3 internalSurfaceTtoW2; 

#define WorldReflectionVector(data,normal) reflect (data.worldRefl, half3( 
dot(data. internalSurfaceTtoWe,normal), dot(data.internalSurfaceTtoW1,norm 
al), dot(data. internalSurfaceTtoW2,normal))) 

#define WorldNormalVector(data,normal) fixed3(dot(data.internalSurfaceTtoW 
60,normal), dot(data.internalSurfaceTtoW1,normal), dot(data.internalSurface 
Ttow2 ,normal) ) 





实际 上 ， 在 本 例 中 上 述 宏 并 没有 被 用 到 。 这 些 宏 是 为 了 在 修改 了 表 
面 法 线 的 情况 下 ， 和 辅助 计 算得 到 世界 空间 下 的 反射 方向 和 法 线 方 风 ， 与 
之 对 应 的 是 mput 结 构 体 中 的 一 些 变 量 〈 可 参见 17.3.1 闻 ) 。 


(4) 接着 ，Unity 把 我 们 在 表面 着 色 器 中 编写 的 CG 代码 复制 过 来 ， 
作为 Pass 的 一 部 分 ， 以 便 后 续 调 用 。 


(5) 然后 ，Unity 定 义 了 顶点 着 色 器 到 片 元 着 色 器 的 插值 结构 体 
〈 即 顶点 着 色 器 的 输出 结构 体 ) v2f_surf。 在 定义 之 前 ，Unity 使 用 上 fdef 
语句 来 判断 是 否 使 用 了 光照 纹理 ， 并 为 不 同 的 情况 生成 不 同 的 结构 体 。 
主要 的 区 别 是 ， 如 果 没 有 使 用 光照 纹理 ， 束 需 要 定义 一 个 存储 逐 顶点 和 
SH 光照 的 变量 。 











// vertex-to-fragment interpolation data 
// no lightmaps: 
#ifdef LIGHTMAP_OFF 
struct v2f surf { 
float4 pos : SV_POSITION; 


float4 pack6 : TEXCOORD6; // MainTex _BumpMap 
fixed3 tSpace@ : TEXCOORD1; 
fixed3 tSpacel : TEXCOORD2; 
fixed3 tSpace2 : TEXCOORD3; 
fixed3 vlight : TEXCOORD4; // ambient/SH/vertexlights 
SHADOW_COORDS(5) 
#if SHADER TARGET >= 36 
float4 lmap : TEXCOORD6 ; 
#endif 
}; 
#endif 
// with lightmaps: 
#ifndef LIGHTMAP_OFF 
struct v2f surf { 
float4 pos : SV_POSITION; 
float4 pack6 : TEXCOORD6; // MainTex BumpMap 
fixed3 tSpace@ : TEXCOORD1; 
fixed3 tSpacel : TEXCOORD2; 
fixed3 tSpace2 : TEXCOORD3; 
float4 lmap : TEXCOORD4; 
SHADOW_COORDS (5) 








上 面 很 多 变量 名 看 起 来 很 陌生 ， 但 实际 上 大 部 分 变量 的 含义 我 们 在 





之 前 都 碰 到 过 ， 只 是 这 里 使 用 了 不 同 的 名 称 而 已 。 例 如 ， 在 下 面 我 们 会 
看 到 ，pack0 中 实际 上 存储 的 束 是 主 纹理 和 法 线 纹理 的 采样 坐标 ， 而 
tSpace0、tSpacel 和 tSpace2 存 储 了 从 切线 空间 到 世界 空间 的 变换 矩阵 。 
一 个 比较 陌生 的 变量 是 vlight，Unity 会 把 逐 顶 点 和 SH 光 照 的 结果 存储 到 
ne 
话 ) 。 


(6) 随后 ，Unity 定 义 了 真正 的 顶点 着 色 器 。 顶 点 着 色 器 首先 会 调 
用 我 们 自 定 义 的 项 后 修改 函数 来 修改 一 些 项 点 属性 : 








// vertex shader 
v2f_surf vert surf (appdata full v) { 
v2f_surf oj 


UNITY_INITIALIZE OUTPUT(v2f surf,0); 
myvert (v); 











在 我 们 的 实现 中 ， 只 对 顶点 坐标 进行 了 修改 ， 而 不 需要 问 Input 结 构 
体 中 添加 并 存储 新 的 变量 。 也 可 以 使 用 男 一 个 版 本 的 函数 声明 来 把 顶 抬 
修改 函数 中 的 菜 些 计算 结果 存储 到 Input 结 构 体 中 : 


void vert(inout appdata full v, out Input o); 


之 后 的 代码 是 用 于 计算 v2f_surf 中 各 个 变量 的 值 。 例 如 ， 计 算 经 过 
MVP 和 矩阵 变换 后 的 顶点 坐标 ;使 用 TRANSFORM_TEX 内 置 宏 计 算 两 个 
纹理 的 采样 坐标 ， 并 分 别 存储 在 o.pack0 的 xy 分 量 和 zw 分 量 中 ;， 计算 从 
切线 空间 到 世界 空间 的 变换 和 矩阵， 并 把 矩阵 的 每 一 行 分 别 存 储 在 
0.tSpace0、o.tSpacel 和 o.tSpace2 变 量 中 ; 判断 是 否 使 用 了 光照 映射 和 动 
态 光 照 映 射 ， 并 在 需要 时 把 两 种 光照 纹理 的 采样 坐标 计算 结果 存储 在 
o.Jmap.xy 和 o.Imap.zw 分 量 中 ;判断 是 否 使 用 了 光照 映射 ， 如 果 没 有 的 话 
就 计算 该 项 点 的 SH 光照 (一 种 快速 计算 光照 的 方法 ， 把 结果 存储 到 
o.vlight 中 ; 判断 是 否 开 司 了 逐 顶 点 光照 ， 如 果 是 惑 计 算 最 重要 的 4 个 逐 
顶点 光照 的 光照 结果 ， 把 结果 千 加 a 到 o.vlight 中 。 这 部 分 代码 读者 可 以 在 
生成 的 文件 中 找到 ， 这 里 不 再 粘贴 出 来 。 


最 后 ， 计 算 阴 影 坐 标 并 传递 给 片 元 着 色 器 : 





TRANSFER_SHADOW(o); // pass shadow coordinates to pixel shader 
return o; 


} 





(7) 在 Pass 的 最 后 ，Unity 定 义 了 真正 的 片 元 着 色 器 。Unity 首 先 利 
用 插值 后 的 结构 体 v2f_surf 来 初始 化 Imput 结 构 体 中 的 变量 : 


// fragment shader 

fixed4 frag surf (v2f surf IN) : SV_ Target { 
// prepare and unpack data 
Input surfIN; 


UNITY_INITIALIZE OUTPUT(Input, surfIN); 
surfIN.uv MainTex = IN.pack6.Xxy; 
surfIN.uv_BumpMap = IN.pack6.zw; 





随后 ，Unity 声 明了 一 个 SurfaceOutput 结 构 体 的 变量 ， 并 对 其 中 的 表 
面 属性 进行 了 初始 化 ， 再 调用 了 表面 函数 : 


#ifdef UNITY COMPILER HLSL 
SurfaceOutput o = (SurfaceOutput )6; 
#else 
SurfaceOutput o; 

#endif 

0 . 

0.Emission 

o.Specular 

o.Alpha 0. 
0.Gloss 6 . 


// call surface function 
surf (SurfIN，o) 





在 上 面 的 代码 中 ，Unity 还 使 用 #ifdef 语 句 判断 当前 的 编 详 语 言 类 型 
是 否 是 HLSL， 如 果 是 就 使 用 更 严格 的 声明 方式 来 声明 SurfaceOutput 结 
构 体 《 因 为 DirectX 平 台 往往 有 更 加 严格 的 语义 要 求 ) 。 当 对 各 个 表面 
属性 进行 初始 化 后 ，Unity 调 用 了 表面 函数 surf 来 填充 这 些 表面 属性 。 


之 后 ，Unity 进 行 了 真正 的 光照 计算 。 首 先 ， 计 算得 到 了 光照 衰减 
和 世界 空间 下 的 法 线 方向 : 





// compute lighting & shadowing factor 
UNITY_LIGHT_ATTENUATION(atten, IN, worldPos) 
fixed4 c = 90; 

fixed3 worldN; 

worldN.x = dot(IN.tSpace0.xyz, o.Normal); 


worldN.y = dot(IN.tSpacel1.xyz, o.Normal); 
worldN.z = dot(IN.tSpace2.xyz, o.Normal); 
o.Normal worldN; 





其 中 ， 变 量 c 用 于 存储 最 终 的 输出 颜色 ， 此 时 被 初始 化 为 0。 随 后 ， 
Unity 判 断 是 否 关闭 了 光照 上 映射， 如果 关闭 了 ， 就 把 逐 顶 点 的 光照 结果 
登 加 到 输出 颜色 中 : 


#ifdef LIGHTMAP_OFF 
c.rgb += 0.Albedo * IN.vlight; 


#endif // LIGHTMAP_OFF 





而 如 有 果 需 要 使 用 光照 映射 ，Unity 就 会 使 用 之 前 计算 的 光照 纹理 采 
样 坐标 ， 对 光照 纹理 进行 采样 并 解码 ， 得 到 光照 纹理 中 的 光照 结果 。 这 
部 分 代码 读者 可 以 在 生成 的 代码 中 找到 ， 这 里 不 再 粘贴 过 来 。 


如 末 没 有 使 用 光照 映射 ， 意 味 着 我 们 需要 使 用 目 定 义 的 花 照 模型 计 
算 光 照 结 果 : 


// realtime lighting: call lighting function 
#ifdef LIGHTMAP_OFF 

c += LightingCustomLambert (o, lightDir, atten); 
#else 

c.a = 0.Alpha; 
#endif 





而 如 果 使 用 了 光照 映射 的 话 ，Unity 会 根据 之 前 由 光照 纹理 得 到 的 
结果 得 到 颜色 值 ， 并 又 加 到 输出 着 色 c 中 。 如 果 还 开启 了 动态 光照 映 
射 ，Unity 还 会 计算 对 动态 光照 纹理 的 采样 结果 ， 同 样 把 结果 登 加 到 输 
出 颜色 c 中 。 这 部 分 代码 读者 可 以 在 生成 的 代码 中 找到 ， 这 里 不 再 粘贴 


过 来 





和 
乡 改 : 


mycolor (surfIN, o, c); 
UNITY _ OPAQUE ALPHA(c.a); 
return c; 





在 上 面 的 代码 中 ，Unity 还 使 用 了 内 置 宏 
UNITY_OPAQUE_ALPHA (在 UnityCG.cginc 里 被 定义 ) 来 重 置 片 元 的 
透明 通道 。 在 默认 情况 下 ， 所 有 不 透明 类 型 的 表面 着 色 器 的 透明 通道 都 


会 被 重 置 为 1.0， 而 不 管 我 们 是 否 在 光照 函数 中 改变 了 它 ， 如 上 所 示 。 
如 果 我 们 想 要 保留 它 的 透明 通道 的 话 ， 可 以 在 表面 着 色 器 的 编译 指令 中 
添加 keepalpha 参数 。 


至 此 ，ForwardBase Pass 束 结束 了 。 接 下 来 的 ForwardAdd Pass 和 上 
面 的 ForwardBase Pass 基 本 类 似 ， 只 是 代码 更 加 简单 了 ，Unity 去 挥 了 对 
逐 顶 点 光照 和 各 种 判断 是 否 使 用 了 光照 映射 的 代码 ， 因 为 这 些 额 外 的 
Pass 不 需要 考虑 这 些 。 


最 后 一 个 重要 的 Pass 是 ShadowCaster Pass。 相 比 于 之 前 的 两 个 
Pass， 它 的 代码 比较 简单 短小 。 它 的 生成 原理 很 简单 ， 就 是 通过 调用 自 
定义 的 顶点 修改 函数 来 保证 计算 阴影 时 使 用 的 是 和 之 前 一 致 的 顶点 坐 
标 。 正 如 我 们 在 11.3.3 节 和 15.1 节 中 看 到 的 一 样 ， 这 个 目 定 义 的 阴影 投 
射 的 Pass 同 样 使 用 了 内 置 的 V2F_SHADOW_CASTER、 
TRANSFER_SHADOW_CASTER_NORMALOFFSET 和 
SHADOW_CASTER_FRAGMENT 来 计算 阴影 投射 ， 这 部 分 代码 也 不 再 
粘贴 到 本 书 中 。 





17.6 ”Surface Shader 的 缺点 


从 上 面 的 内 容 中 我 们 可 以 看 出 ， 表 面 着 色 器 给 我 们 带 来 了 很 大 的 便 
利 。 那 么 ， 我 们 之 前 为 什么 还 要 花 那 么 久 的 时 间 学 习 顶 点 / 片 元 着 色 
髓 ? 直接 写 表 面 着 色 需 就 好 了 啉 。 


正如 我 们 一 直 强 调 的 那样 ， 表 面 着 色 器 只 是 Unity 在 顶点 / 片 元 着 色 
器 上 面 提供 的 一 种 封装 ， 是 一 种 更 高 层 的 抽象 。 但 任何 在 表面 着 色 器 中 
完成 的 事情 ， 我 们 都 可 以 在 顶点 / 片 元 着 色 器 中 重 现 。 但 不 幸 的 是 ， 这 
句 话 反 过 来 并 不 成 立 。 


这 世上 任何 事情 都 是 有 代价 的 ， 如 果 我 们 想 要 得 到 便利 ， 就 需要 以 
牺牲 自由 度 为 代价 。 表 面 着 色 器 虽然 可 以 快速 实现 各 种 光照 效果 ， 但 我 
们 失去 了 对 各 种 优化 和 各 种 特效 实现 的 控制 。 因 此 ， 使 用 表面 着 色 器 往 
往 会 对 性 能 造成 一 定 的 影响 ， 而 内 置 的 Shader， 例 如 Diffuse、Bumped 
Specular 等 都 是 使 用 表面 着 色 器 编写 的 。 尽 管 Unity 提 供 了 移动 平台 的 相 
应 版 本 ， 例 如 Mobile/Diffuse 和 Mobile/Bumped Specular 等 ， 但 这 些 版 本 
的 Shader 往 往 只 是 去 挥 了 额外 的 逐 像素 Pass、 不 计算 全 局 光照 和 其 他 一 
些 光照 计算 上 的 优化 。 但 要 想 进行 更 多 深层 的 优化 ， 表 面 着 色 器 就 不 能 
满足 我 们 的 需求 了 。 


除了 性 能 比较 差 以 外 ， 表 面 着 色 器 还 无 法 完成 一 些 自 定义 的 泻 染 效 
果 ， 例 如 10.2.2 节 中 透明 玻璃 的 效果 。 表 面 着 色 器 的 这 些 缺 点 让 很 多 人 
更 愿意 使 用 自由 的 顶点 / 片 元 着 色 器 来 实现 各 种 效果 ， 尽 管 处 理光 照 时 
这 可 能 难度 更 大 些 。 


因此 ， 我 们 给 出 一 些 建议 供 读者 参考 。 


。 如 宁 你 需要 和 各 种 光源 打交道 ， 尤 其 是 想 要 使 用 Unity 中 的 全 局 光 
照 的 话 ， 你 可 能 更 喜欢 使 用 表面 着 色 器 ， 但 要 时 刻 小 心 它 的 性 能 ; 
。 如 果 你 需要 处 理 的 光源 数目 非常 少 ， 例 如 只 有 一 个 平行 光 ， 那 么 使 

用 顶点 / 片 元 着 色 器 是 一 个 更 好 的 选择 ; 
。 最 重要 的 是 ， 如 果 你 有 很 多 上 自 定 义 的 泻 染 效果 ， 那 么 请 选择 顶 反 / 
片 元 着 色 器 。 





























第 18 章 ”基于 物理 的 泻 染 


在 之 前 的 章节 中 ， 我 们 学 习 了 Lambert 光 照 模型 、Phong 光 照 模型 和 
Blinn-Phong 光 照 模型 。 但 这 些 光 照 模型 的 缺点 在 于 ， 它 们 都 是 经 验 模 
型 。 如 果 我 们 需要 演 染 更 高 质量 的 画面 ， 这 些 经 验 模 型 就 显得 不 再 能 满 
足 我 们 的 要 求 了 。 


近年 来 ， 基 于 物理 的 泻 染 技术 (Physically Based Shading, PBS) 
被 逐渐 应 用 于 实时 泻 当 中。 总体 来 说 ，PBS 是 为 了 对 光 和 材质 之 间 的 行 
为 进行 更 加 真实 的 建 模 。PBS 早 已 被 广泛 应 用 到 电影 行业 中 ， 但 游戏 中 
的 PBS 是 近年 来 才 逐 渐 流 行 起 来 的 。Unity 最 早 在 2012 年 的 《蝴蝶 效应 》 
( 英文 名 : Butterfly Effect) 的 demo 中 大 量 使 用 了 PBS， 并 在 Unity 5 中 
正式 将 PBS 引 入 到 引擎 泻 染 中 。Unity 5 引入 了 一 个 名 为 Standard Shader 
的 可 在 不 同 材 质 之 间 通 用 的 着 色 器 ， 而 该 着 色 器 就 是 使 用 了 基于 物理 的 
光照 模型 。 需 要 注意 的 是 ，PBS 并 不 意味 着 泻 染 出 来 的 画面 一 定 是 像 照 
片 一 样 真 实 的 ， 例 如 ，Pixar 和 Disney 尽 管 长 期 使 用 PBS 尝 染 电影 画面 ， 
但 它们 得 到 的 风格 是 非常 有 特色 的 艺术 风格 。 相 信 很 多 读者 或 多 或 少 看 
到 过 使 用 PBS 演 染 出 来 的 画面 是 多 么 的 酷 米 ， 并 很 想 了 解 这 背后 的 技术 
原理 。 如 果 你 是 一 个 程序 员 ， 可 能 有 很 大 的 冲动 想 要 自己 实现 一 个 PBS 
演 染 框架 ， 但 往往 走 到 后 面 会 发 现 有 很 多 看 不 懂 的 名 词 以 及 一 大 堆 与 之 
相关 的 论文 ; 如 果 你 是 一 个 美工 人 员 ， 你 可 能 会 找到 很 多 关于 如 何 制作 
PBS 中 使 用 的 纹理 教程 ， 但 你 大 概 也 了 解 ， 想 要 使 用 PBS 实 现 出 色 的 泻 
染 效 果 ， 并 不 是 纹理 + 一 个 Shader 这 么 简单 的 问题 。 


现在 ， 我 们 有 一 个 好 消息 和 一 个 坏 消 息 要 告诉 大 家 。 先 说 好 消息 ， 
Unity 5 引入 的 基于 物理 的 泻 染 不 需要 我 们 过 多 地 了 解 PBS 是 如 何 实现 
的 ， 就 能 利用 各 种 内 置 工 具 来 实现 一 个 不 错 的 演 染 效果 。 然 而 坏 消息 
是 ， 我 们 很 难 通 过 短 短 几 万 文字 来 非常 详细 地 告诉 读者 这 些 演 染 到 底 是 
如 何 实现 的 ， 因 为 这 其 中 需要 牵扯 许多 复杂 的 光照 模型 ， 如 果 要 完全 理 
解 每 一 种 模型 的 话 ， 大 概 还 要 讲 很 多 论文 和 其 他 参考 文献 。 不 过 还 有 一 
个 好 消息 是 ， 我 们 相信 读者 在 学 完 本 章 后 可 以 了 解 一 些 PBS 的 原理 ， 如 
果 你 对 PBS 有 着 浓厚 的 兴趣 ， 想 要 尝试 自己 构建 一 个 PBS 的 演 染 框架 ， 
可 以 在 本 章 的 扩展 阅读 部 分 找到 许多 非常 有 价值 的 参考 资料 。 


在 本 间 中 ， 我 们 首先 会 讲解 PBS 的 基本 原理 ， 让 读者 了 解 它们 与 我 






































们 之 前 所 学 的 演 染 方式 到 底 有 哪些 不 同 。 尽 管 本 书 的 定位 并 不 是 “ 教 你 
如 何 使 用 Unity”， 但 我 们 决定 花 一 点 时 间 来 告诉 读者 Unity 5 引入 的 
Standard Shader 是 如 何 工 作 的 ， 以 及 如 何在 Unity 5 中 使 用 它 和 其 他 工具 
来 演 染 一 个 场景 ， 我 们 和 希望 通过 这 些 内 容 来 让 读者 明白 PBS 中 的 一 些 关 
键 因素 。 尽 管 PBS 在 手机 上 的 应 用 并 不 十 分 广泛 ， 但 我 们 相信 这 是 未 来 
的 发 展 趋势 ， 和 希望 本 章 可 以 为 读者 打开 PBS 的 大 门 。 





18.1 PBS 的 理论 和 数学 基础 


在 学 习 如 何 实现 PBS 之 前 ， 我 们 非常 有 必要 来 了 解 基于 物理 的 泻 染 
所 基于 的 理论 和 数学 基础 。 我 们 不 会 过 多 地 窑 扯 一 些 论文 资料 ， 但 如 果 
在 阅读 过 程 中 读者 发 现 无 法 理解 一 些 光照 模型 的 实现 原理 ， 这 可 能 意味 
着 你 需要 阅读 更 多 的 参考 文献 。 本 节 主 要 参考 了 Naty Hoffman 在 
SIGGRAPH 2013 上 做 的 名 为 Background: Physics and Math of Shading 
的 演讲 [1]。 


18.1.1 光 是 什么 


尽管 我 们 之 前 一 直 讲 光照 模型 ， 但 要 问 读者 ， 光 到 底 是 什么 ， 可 能 
没有 多 少 人 可 以 解释 清楚 。 在 物理 学 中 ， 光 是 一 种 电磁 波 。 首 先 ， 光 由 
太阳 或 其 他 光源 中 被 发 射出 来 ， 然 后 与 场景 中 的 对 象 相 交 ， 一 些 光 线 补 
吸收 (absorption) ， 而 另 一 些 则 被 散射 〈scattering) ， 最 后 光线 被 
一 个 感应 器 〈 例 如 我 们 的 眼睛 ) 吸收 成 像 。 


通过 上 面 的 过 程 ， 我 们 知道 材质 和 光线 相交 会 发 生 两 种 物理 现象 : 

散射 和 吸收 “其实 还 有 自发 光 现 象 ) 。 光 线 会 被 吸收 是 由 于 光 被 转化 成 
了 其 他 能 量 ， 但 吸收 并 不 会 改变 光 的 传播 方向 。 相 反 的 ， 散 射 则 不 会 改 
变 光 的 能 量 ， 但 会 改变 它 的 传播 方向 。 在 光 的 传播 过 程 中 ， 影 啊 光 的 一 
个 重要 的 特性 是 材质 的 折射 率 (refractive index) 。 我 们 知道 ， 在 均匀 
的 介质 中 ， 光 是 沿 直 线 传播 的 。 但 如 果 光 在 传播 时 介质 的 折射 紊 发 生 了 
变化 ， 光 的 传播 方向 驶 会 发 生变 化 。 特 别 是 ， 如 果 折 射 率 是 突变 的 ， 就 
会 发 生 光 的 散射 现象 。 


实际 上 ， 在 现实 生活 中 ， 光 和 物体 之 间 的 交互 过 程 是 非常 复杂 的 ， 

大 多 数 情 况 下 并 不 存在 一 种 可 分 析 的 解决 方法 。 但 为 了 在 泻 染 中 对 光照 
进行 建 模 ， 我 们 往往 只 考虑 一 种 特殊 情况 ， 即 只 考虑 两 个 介质 的 边界 是 
无 限 大 并 且 是 光学 平滑 (optically flat) 的 。 尽 管 真 实物 体 的 表面 并 不 是 
无 限 延 伸 的 ， 也 不 是 绝对 光滑 的 ， 但 和 光 的 波长 相 比 ， 它 们 的 大 小 可 以 
被 近似 认为 是 无 限 大 以 及 光学 平滑 的 。 在 这 样 的 前 提 下 ， 交 在 不 同 介质 
的 边界 会 被 分 割 成 两 个 方向 : 反射 方向 和 折射 方向 。 而 有 多 少 百 分 比 的 
光 会 被 反射 〈 另 一 部 分 加 是 被 折射 了 ) 则 是 由 菲 涅 耳 等 式 (Fresnel 
equations) 来 描述 的 ， 如 图 18.1 所 示 。 
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4 图 18.1 在 理想 的 边界 处 ， 折 射 率 的 突变 会 把 光线 分 成 两 个 方向 


但 是 ， 这 些 与 光线 的 交界 处 真 的 是 像 镜子 一 样 平 坦 吗 ? 尽管 在 上 面 
我 们 已 经 说 过 ， 相 对 于 光 的 波长 来 说 ， 它 们 的 确 可 以 被 认为 是 光学 平坦 
的 。 但 是 ， 如 末 想 象 我 们 有 一 个 高 们 放大 镜 ， 去 放大 这 些 被 照 完 的 物体 
表面 ， 束 会 及 现 有 很 多 之 前 肉眼 不 可 见 的 凹凸 不 平 的 平面 。 在 这 种 情况 
下 ， 物 体 的 表面 和 光照 发 生 的 各 种 行为 ， 更 像 是 一 系列 微小 的 光学 平滑 
平面 和 区 交互 的 结果 ， 其 中 每 个 小 平面 会 把 光 分 割 成 不 同 的 方 同 。 


这 种 建立 在 微 表面 的 模型 更 容易 解释 为 什么 有 些 物体 看 起 来 粗粮， 
而 有 些 看 起 来 就 平滑 ， 如 图 18.2 所 示 。 想 象 我 们 用 一 个 放大 镜 去 观察 一 
个 光滑 物体 的 表面 ， 尽 管 它 的 表面 仍然 由 许多 四 号 不 平 的 微 表面 构成 ， 
但 这 些微 表面 的 法 线 方 辐 变 化 角度 小 ， 因 此 ， 由 这 些 表面 反射 的 光线 方 
癌变 化 也 比较 小 ， 如 图 18.2 左 图 所 示 ， 这 使 得 物体 的 高 光 反 射 更 加 清 
人 
贡 糊 。 
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A 图 18.2 ed 


竺 表面 的 微 平 面 的 法 线 变 化 较 大 ， 反 射 光 线 的 方向 变化 也 更 大 

















在 上 面 的 内 容 中 ， 我 们 并 没有 讨论 那些 被 微 表 面 折 射 的 光 。 这 些 光 
被 折射 到 物体 的 内 部 ， 一 部 分 被 介质 吸收 ， 一 部 分 又 被 散射 到 外 部 。 金 
属 材质 共有 很 高 的 吸收 系数 ， 因 此 ， 上 所 有 被 折射 的 光 往 往 会 被 立刻 吸 
收 ， 被 金属 内 部 的 自由 电子 转化 成 其 他 形式 的 能 量 。 而 非 金 属 材质 则 会 
同时 表现 出 吸收 和 散射 两 种 现象 ， 这 些 被 散射 出 去 的 光 又 被 称 为 次 表面 
散射 光 (subsurface-scattered light) 。 在 图 18.3 中 ， 我 们 给 出 了 一 条 由 
人 

] 彩 图 )。 




















4 图 18.3 “” 微 表面 对 光 的 折射 。 这 些 被 折射 的 光 中 一 部 分 被 吸收 ， 一 部 分 又 被 散射 到 外 部 
现在 ， 我 们 把 放大 镜 从 物体 表面 拿 开 ， 继 续 从 演 染 的 层级 大 小 上 考 


虑 光 与 表面 一 点 的 交互 行为 。 那 么 ， 由 微 表 面 反射 的 光 可 以 被 认为 是 该 
点 上 一 些 方 癌 变化 不 大 的 反射 光 ， 如 图 18.4 中 的 黄 线 所 示 。 而 折射 光线 





(更 线 ) 则 需要 更 多 的 考虑 。 那 些 次 表面 散射 光 会 从 不 同 于 入 射 点 的 位 
置 从 物体 内 部 再 次 射出 ， 如 图 18.4 左 图 所 示 。 而 这 些 离 入 射 点 的 距离 值 
和 像素 大 小 之 间 的 关系 会 产生 两 种 建 模 结果 。 如 果 像 素 要 大 于 这 些 散射 
距离 的 话 ， 意 味 着 这 些 次 表面 散射 产生 的 距离 可 以 被 忽略 ， 那 我 们 的 泻 
染 就 可 以 在 局 部 进行 ， 如 图 18.4 右 图 所 示 。 如 果 像 素 要 小 于 这 些 散射 距 
离 ， 我 们 就 不 可 以 选择 忽略 它们 了 ， 要 实现 更 真实 的 次 表面 散射 效果 ， 
我 们 需要 使 用 特殊 的 泻 桨 模型 ， 也 惑 是 所 谓 的 次 表面 散射 泻 染 技术 。 
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4 图 18.4 次 表面 散射 。 左 边 : 次 表面 散射 的 光线 会 从 不 同 于 入 射 点 的 位 置 射 出。 如 果 这 些 距 
离 值 小 于 需要 被 着 色 的 像素 大 小 ， 那 么 泻 染 就 可 以 完全 在 局 部 完成 (右边 ) 。 否 则 ， 就 需要 使 
用 次 表面 散射 泻 染 技术 




















我 们 下 面 的 内 容 均 建立 在 不 考虑 次 表面 散射 的 距离 ， 而 完全 使 用 局 
部 着 色 演 染 的 前 提 下 。 


18.1.2” 双 加 反射 分 布 函数 (BRDF) 


在 了 解 了 上 面 的 理论 基础 后 ， 我 们 现在 来 学 习 如 何 用 数学 表达 式 来 
We 
量化 。 


我 们 可 以 用 辐射 率 (radiance) 来 量化 光 。 辐 射 率 是 单位 面积 、 单 
位 方向 上 光源 的 辐射 通 量 ， 通 常用 L 来 表示 ， 被 认为 是 对 单一 光线 的 亮 
度 和 颜色 评估 。 在 演 染 中 ， 我 们 通常 会 基于 表面 的 入 射 光 线 的 入 射 辐射 
率 L; 来 计算 出 射 辐射 率 L, ， 这 个 过 程 也 往往 被 称 为 是 着 色 〈shading ) 
过 程 。 








而 要 得 到 出 射 辐射 率 L, ， 我 们 需要 知道 物体 表面 一 点 是 如 何 和 光 进 
行 交 互 的 。 而 这 个 过 程 就 可 以 使 用 BRDEF (Bidirectional Reflectance 
Distribution Function， 中 文 名 称 为 双向 反射 分 布 函 数 ) 来 定量 分 析 。 
大 多 数 情况 下 ，BRDF 可 以 用 fl,v) 来 表示 ， 其 中 1 为 入 射 方向 和 v 为 
观察 方向 〈 双 辐 的 含义 ) 。 这 种 情况 下 ， 组 痢 表面 法 线 旋 转 入 射 方 同 或 
观察 方 同 并 不 会 影响 BRDF 的 结果 ， 这 种 BRDF 被 称 为 是 各 项 同性 
Cisotropic) 的 BRDF。 与 之 对 应 的 则 是 各 问 异 性 〈anisotropic) 的 
BRDF 。 


那么 ，BRDEF 到 底 表 示 的 含义 是 什么 呢 ? BRDF 有 两 种 理解 方式 
一 一 第 一 种 理解 是 ， 当 给 定 入 射 角度 后 ，BRDEF 可 以 给 出 所 有 出 射 方 癌 
上 的 反射 和 散射 光线 的 相对 分 布 情况 ;第 二 种 理解 是 ， 当 给 定 观 察 方向 
《 即 出 射 方向 ) 后 ，BRDEF 可 以 给 出 从 所 有 入 射 方向 到 该 出 射 方向 的 光 
线 分 布 。 一 个 更 直观 的 理解 是 ， 当 一 束 光 线 沿 着 入 射 方向 1 到 达 表 面 某 
点 时 ，f(1,v) 表 示 了 有 多 少 部 分 的 能 量 被 反射 到 了 观察 方向 v 上。 


据 此 ， 我 们 给 出 基于 物理 泻 染 的 技术 中 ， 第 一 个 重要 的 等 式 一 一 反 


射 等 式 (reflection equation ) : 


ZLo() = fl,v) x Li(Dn: Ddo: 
02 


反射 等 式 实际 上 是 洽 染 方程 的 一 个 特殊 情况 ， 但 它 是 基于 物理 基础 
的 。 尽 管 上 面 的 式 子 看 起 来 有 些 复杂 ， 但 很 好 理解 ， 即 给 定 观 察 视 角 v 
， 该 方向 上 的 出 射 辐射 率 Zol) 等 于 所 有 入 射 方 向 的 辐 财 率 积 分 乘 以 它 
的 BRDF 值 f(1,v)， 再 乘 以 一 个 余弦 值 (n 1 )。 如 果 积 分 的 概念 对 茶 些 读 
者 来 说 难以 理解 ， 我 们 使 用 更 简单 的 方式 来 理解 。 想 象 我 们 现在 要 计算 
表面 上 茶点 的 出 射 辐射 率 ， 我 们 已 知 到 该 点 的 观察 方向 ， 该 点 的 出 射 辐 
射 率 是 由 从 许多 不 同方 癌 的 入 射 辐射 率 登 加 后 的 结果 。 其 中 ，BRDF 表 
示 了 不 同方 同 的 入 射 光 在 该 观察 方向 上 的 权重 分 布 。 我 们 把 这 些 不 同方 
向 的 光 辐 射 率 Li (1) 部 分 〉 乘 以 观察 方向 上 所 占 的 权重 〈f(1,v ) 部 
分 ) ， 再 乘 以 它们 在 该 表面 的 投影 结果 (n 1 ) 部 分 ) ， 最 后 再 把 这 些 值 
加 起 来 〈 即 做 积分 ) 就 是 最 后 的 出 射 辐射 率 。 


在 游戏 泻 染 中 ， 我 们 通常 是 和 一 些 精确 光源 〈punctual light 
sources) 打交道 的 ， 而 不 是 计算 所 有 入 射 光线 在 半球 面 上 的 积分 。 精 























确 光 源 指 的 是 那些 方 癌 确定 、 大 小 为 无 线 小 的 光源 ， 例 如 ， 秆 见 的 点 光 
源 、 聚 光 灯 等 。 我 们 使 用 1 来 表示 和 它 的 方向 ， 使 用 cjign 表示 它 的 需 
色 。 使 用 精确 光源 的 最 大 的 好 处 在 于 ， 我 们 可 以 大 大 简化 上 面 的 反射 等 
式 。 这 里 省 略 推 导 过 程 (有 兴趣 的 读者 可 以 阅读 参考 文献 [1]) ， 直 接 给 
出 结论 ， 即 对 于 一 个 精确 光源 ， 我 们 可 以 使 用 下 面 的 等 式 来 计算 它 在 茶 
个 观察 方向 v 上 的 出 射 辐射 率 : 


Lo(v) = af (le,v) X cign(n :Le) 


和 之 前 使 用 积分 形式 的 原始 反射 等 式 相 比 ， 上 面 的 式 子 使 用 一 个 特 
定 的 BRDF 值 来 代 蔡 积分 操作 ， 这 大 大 简化 了 计算 。 如 果 场 景 中 包含 了 
多 个 精确 光源 ， 我 们 可 以 把 它们 分 别 代 入 上 面 的 式 子 进行 计算 ， 然 后 把 
它们 的 结果 相 加 即 可 。 


下 面 ， 我 们 来 看 一 下 反射 等 式 中 的 重要 组 成 部 分 一 一 BRDF 是 如 何 
得 到 的 。 可 以 看 出 ，BRDF 决 定 了 着 色 过 程 是 否 是 基于 物理 的 。 这 可 以 
由 BRDF 是 否 满足 两 个 特性 来 判断 它 是 否 满足 交换 律 〈reciprocity ) 


和 能 量 守 恒 (energy conservation) 。 


交换 律 要 求 当 交 换 1 和 v 的 值 后 ，BRDF 的 值 不 变 ， 即 


QL,»v) = (y,D) 


而 能 量 守恒 则 要 求 表面 反射 的 能 量 不 能 超过 入 射 的 光 能 


ww | 70 v)(n:Ddw, < 1 
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基于 这 些 理论 ，BRDEF 可 以 用 于 描述 两 种 不 同 的 物理 现象 : 表面 反 
射 和 次 表面 散射 。 针 对 每 种 现象 ，BRDF 通 常会 包含 一 个 单独 的 部 分 来 
摘 述 它们 一 一 用 于 摘 述 表面 反射 的 部 分 被 称 为 高 光 反 射 项 〈specular 
term) ， 以 及 用 于 描述 次 表面 散射 的 漫 反 射 项 (diffuse term) ， 如 图 
18.5 所 示 。 
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4 图 18.5 BRDF 描 述 的 两 种 现象 。 0 漫 反 射 部 分 用 于 描述 次 表面 散 


18.1.3” 漫 反射 项 


我 们 之 前 所 学 习 的 Lambert 模 型 就 是 最 简单 、 也 是 应 用 最 广泛 的 漫 
反射 BRDF。 人 准确 的 Lambertian BRDF 的 表示 为 : 


Caiff 
framben (br) = 一 一 


其 中 ，c dir 表示 漫 反 射 光 线 所 占 的 比例 ， 它 也 通 和 贡 被 称 为 是 漫 反 射 
颜色 (diffuse color) 。 与 我们 之 前 讲 过 的 Lambert 光 照 模型 不 太一 样 的 
是 ， 上 面 的 式 子 实际 上 是 一 个 定 值 ， 我 们 第 见 到 的 余弦 〈 即 (nm :1)) 
子 部 分 实际 是 反射 等 式 的 一 部 分 ， 而 不 是 BRDEF 的 部 分 。 上 面 的 式 子 之 
所 以 要 除 以 ， 是 因为 我 们 假设 漫 反 射 在 所 有 方向 上 的 强度 都 是 相同 的 ， 
而 BRDF 要 求 在 半球 内 的 积分 值 为 1。 因 此 ， 给 定 入 射 方向 了 的 光源 在 表 
面 某 点 的 出 射 漫 反射 辐射 率 为 : 


Cai 
Zai 一 XxX Li(D(n 1) 


Lambert 模 型 虽然 简单 ， 但 很 多 基于 物理 的 泻 染 选择 使 用 了 更 复杂 
的 漫 反 射 项 来 模拟 次 表面 散射 的 结果 。 例 如 ， 在 Disney 使 用 的 BRDF2] 
中 ， 它 的 漫 反 射 项 为 : 


b I 
fa (by) = 让 (1+ (Fpoo -DG 一 于 .1D5)(L+(Fpoo -DG 一 天 .5) 


其 中 ， 
Fpo0 = 0.5 + 2roughness(h :DD)” 


在 Disney 的 实现 中 ，baseColor 是 表面 颜色 ， 通 常 由 纹理 采样 得 
到 ，roughness 是 表面 的 粗糙 度 。 上 面 的 漫 反 射 项 既 考 虑 了 在 掠 射 角 
(glancing angles) 漫 反 射 项 的 能 量变 化 ， 还 考虑 了 表面 的 粗糙 度 对 漫 
反射 的 影响 。 而 上 面 的 式 子 也 正 是 Unity 5 内 部 使 用 的 漫 反射 项 。 


18.1.4 ”高 光 反 射 项 


在 现实 生活 中 ， 几 乎 所 有 的 物体 都 或 多 或 少 有 蜗 光 反 冉 现 象 。John 
Hable 在 他 的 文章 中 就 强调 了 Everything is Shiny 。 但 在 许多 传统 的 
Shader 中 ， 很 多 材质 只 考虑 了 漫 反 射 效果 ， 而 并 没有 诡 加 高 光 反 射 ， 这 
使 得 演 染 出 来 的 画面 并 不 那么 真实 可 信 。 在 基于 物理 的 泻 染 中 ，BDREF 
中 的 高 光 反 射 项 大 多 数 都 是 建立 在 微 面 元 理论 (microfacet theory) 的 
假设 上 的 。 微 面 元 理论 认为 ， 物 体 表面 实际 是 由 许多 人 眼看 不 到 的 微 面 
元 组 成 的 ， 虽 然 物 体 表 面 并 不 是 区 学 平滑 的 ， 但 这 些微 面 元 可 以 被 认为 
是 光学 平滑 的 ， 也 就 是 说 它们 具有 完美 的 高 区 反射 。 当 光线 和 物体 表面 
一 点 相交 时 ， 实 际 上 是 和 一 系列 微 面 元 交互 的 结 末 。 正 如 我 们 在 18.1.1 
节 中 看 到 的 ， 当 光 和 这 些微 面 元 相交 时 ， 光 线 会 被 分 割 成 两 个 方 回 
反射 方向 和 折射 方向 。 这 里 我 们 只 需要 考虑 被 反射 的 光线 ， 而 折射 光线 
已 经 在 之 前 的 漫 反 射 项 中 考虑 过 了 。 当 然 ， 微 面 元 理论 也 仅仅 是 真实 世 
界 的 散射 的 一 种 近似 理论 ， 它 也 有 自 吴 的 缺陷 ， 仍 然 有 一 些 材质 是 无 法 
使 用 微 面 元 理论 来 描述 的 。 


假设 表面 法 线 为 n ， 这 些微 面 元 的 法 线 m 并 不 都 等 于 n ， 因 此 ， 























不 同 的 微 面 元 会 把 同一 入 射 方 同 的 光线 反射 到 不 同 的 方向 上 。 而 当 我 们 
计算 BRDF 时 ， 入 射 方向 1 和 观察 方向 y 都 会 被 给 定 ， 这 意味 着 只 有 一 
部 分 微 面 元 反射 的 光线 才 会 进入 到 我 们 的 眼睛 中 ， 这 部 分 微 面 元 会 恰好 
把 光线 反射 到 方向 v 上， 即 它们 的 法 线 m 等 于 1 和 wv 的 一 半 ， 也 就 是 我 
们 一 直 看 到 的 半角 度 矢 量 h (half-angle vector， 也 被 称 为 half vector) ， 
如 图 18.6 〈a) 所 示 。 


然而 ， 这 些 严 = 天 的 微 面 元 反射 也 并 不 会 全 部 添加 到 BRDF 的 计算 
中 。 这 是 因为 ， 它 们 其 中 一 部 分 会 在 入 射 方向 了 上 被 其 他 微 面 元 挡住 
Cshadowing) ， 如 图 18.6 (b) 所 示 ， 或 是 在 它们 的 反射 方 同 v 上 被 其 
他 微 面 元 挡住 了 (masking) ， 如 图 18.6 (c) 所 示 。 微 面 元 理论 认为 ， 
所 有 这 些 被 秆 挡 住 的 微 面 元 不 会 添加 到 高 光 反 射 项 的 计算 中 《实际 上 它 
ee 会 被 我 们 看 到 ， 但 这 不 在 微 面 元 理论 的 考 
虑 范 填 ) o 


文 些 假设 ，BRDEF 的 高 光 反 射 项 可 以 用 下 面 的 形 


FO I)G,v, I)Dh) 
fspec ll, ») = a 














A 图 18.6 (a) ”那些 m=h 的 微 面 元 会 恰好 把 入 射 光 从 I 反射 到 v 上 ， 只 有 这 部 分 微 面 元 才 可 
以 添加 到 BRDF 的 计算 中 。 (b) 一 部 分 满足 (a) 的 微 面 元 会 在 了 方向 上 被 其 他 微 面 元 遮挡 住 ， 
它们 不 会 接受 到 光照 ， 因 此 会 形成 阴影 。 (c) 还 有 一 部 分 满足 (a) 的 微 面 元 会 在 反射 方向 v 

上 被 其 他 微 面 元 挡住 ， 因 此 ， 这 部 分 反射 光 也 不 会 被 看 到 


这 就 是 著名 的 Torrance-Sparrow 微 面 元 模型 [5]。 上 面 的 式 子 看 起 来 
难以 理解 ， 实 际 上 其 中 的 各 个 项 对 应 了 我 们 之 前 讲 到 的 不 同 现象 。D (nm 
) 是 微 面 元 的 法 线 分 布 函数 (normal distribution function，NDEF) ， 它 






























































用 于 计算 有 多 少 比例 的 微 面 元 的 法 线 满足 m= h ， 只 有 这 部 分 微 面 元 才 
会 把 光线 从 1 方向 反射 到 vy 上 。G (1,v,h) 是 阴影 一 遮掩 函数 

(shadowing-masking function) ， 它 用 于 计算 那些 满足 m=h 的 微 面 
元 中 有 多 少 会 由 于 遮挡 而 不 会 被 人 眼看 到 ， 因 此 它 给 出 了 活跃 的 微 面 元 

Cactive microfacets) 所 占 的 浓度 ， 只 有 活跃 的 微 面 元 才 会 成 功 地 把 光 
线 反 射 到 观察 方向 上 。F (1,P) 则 是 这 些 活跃 微 面 元 的 菲 涅 尔 反 射 

(Fresnel reflectance) 函数 ， 它 可 以 告诉 我 们 每 个 活跃 的 微 面 元 会 把 
多 少 入 射 光 线 反 射 到 观察 方向 上 ， 即 表示 了 反射 光线 占 入 射 光 线 的 比 
率 。 事 实 上 ， 现 实生 活 中 几乎 所 有 的 物体 都 会 表现 出 菲 涅 耳 现象 ， 读 者 
可 以 在 一 篇 很 有 意思 的 文章 Everything has Fresnel 中 看 到 一 些 这 样 的 例 
子 。 最 后 ， 分 母 4(n1)(nv ) 是 用 于 校正 从 微 面 元 的 局 部 空间 到 整体 宏观 
表面 数量 差异 的 校正 因子 。 


这 些 不 同 的 部 分 又 可 以 衍生 出 很 多 不 同 的 BRDF 实 现 。 例 如 ， 我 们 
之 前 学 习 的 Blinn-Phong 模 型 [7] 就 是 一 种 非常 简单 的 模型 ， 它 使 用 的 法 
线 分 布 函 数 D (hh ) 为 : 


Dpiinn(h) = (n+ h)s'0s 


但 实际 上 Blinn-Phong 模 型 并 不 能 真实 地 反映 很 多 真实 世界 中 物体 的 
微 面 元 法 线 反 射 分 布 ， 因 此 ， 很 多 更 加 复杂 的 分 布 函数 被 提 了 出 来 ， 例 
如 GGX[3]、Beckmann[4] 等 。 同 样 ， 阴 影 - 遮 掩 函数 G (1,v ,hh ) 也 有 很 多 
相关 工作 被 提 了 出 来 ， 例 如 Smith 模 型 [6]。 这 些 数 学 模型 都 是 为 了 更 加 
接近 使 用 光学 测量 仪 吉 测量 出 来 的 真实 物体 的 反射 分 布 数据 。 


尽管 存在 很 多 基于 物理 的 BRDF 模 型 ， 但 在 真实 的 电影 或 游戏 制作 
中 ， 我 们 希望 在 直观 性 和 物理 可 信 度 之 间 找 到 一 个 平衡 点 ， 使 得 实现 的 
BRDF 既 可 以 让 美工 人 员 直 观 地 调节 各 个 参数 ， 而 又 有 一 定 的 物理 可 信 
度 。 当 然 ， 有 时 候 为 了 满足 直观 性 我 们 不 得 不 牺牲 一 定 的 物理 特性 ， 得 
到 的 BRDEF 可 能 不 是 严格 基于 物理 原理 的 。 


在 下 面 的 内 容 中 ， 我 们 给 出 Unity 5 使 用 的 实现 。 




















18.1.5 ”Unity 中 的 PBS 实 现 


在 之 前 的 内 容 中 ， 我 们 提 到 了 Unity 5 的 PBS 实 际 上 是 受 Disney 的 
BRDF[2] 的 启发 。 这 种 BRDF 最 大 的 好 处 之 一 就 是 很 直观 ， 只 需要 提供 
一 个 万 能 的 Shader 就 可 以 让 美工 人 员 通 过 调整 少量 参数 来 泻 染 绝 大 部 分 
常见 的 材质 。 我 们 可 以 在 Unity 内 置 的 UnityStandardBRDF.cginc 文 件 中 找 
到 它 的 实现 。 


总 体 来 说 ，Unity 5 一 共 实 现 了 两 种 PBS 模 型 。 一 种 是 基于 GGX 模 型 
的 ， 另 一 种 则 是 基于 归 一 化 的 Blinn 一 Phong 模 型 的 。 这 两 种 模型 使 用 了 
不 同 的 公式 来 计算 高 光 反 射 项 中 的 法 线 分 布 函数 D (h ) 和 阴影 一 谈 掩 函 
数 G (1,v ,h )。 在 默认 情况 下 ，Unity 5.2 使 用 基于 归 一 化 后 的 Blinn- 
Phong 模 型 来 实现 基于 物理 的 泻 染 《〈 但 在 Unity 5.3 及 以 后 版 本 中 ， 默 认 
将 使 用 GGX 模 型 ， 这 和 很 多 其 他 主流 引 警 的 选择 一 致 ) 。 


如 前 面 所 讲 ，Unity 使 用 的 BRDF 中 的 漫 反 射 项 使 用 的 公式 如 下 : 





baseCol 
fa (Ly) = 一 (1 + (Fpoo - DO —n: DS + (Fopoo -DG 一 天 .5) 


其 中 ， 
Fpo0 = 0.5 + 2roughness(h :DD)” 


下 面 我 们 给 出 基于 GGX 模 型 的 高 光 反 射 项 公式 。 对 于 基于 归 一 化 的 
Blinn-Phong 模 型 的 高 光 反 射 公 式 ， 读 者 可 以 从 UnityStandardBRDF.cginc 
文件 找到 它们 的 实现 。 


Unity 对 高 光 反 射 项 中 的 法 线 分 布 图 数 D (hh ) 采 用 了 GGX 模 型 的 一 种 
实现 : 





a2 


“ccx = z((o2 — Dn -hy +1y 


| 
/ 
二 


Gg = roughness” 


明 影 -遮掩 函数 G (1,v ,hh ) 则 使 用 了 一 种 由 GGX 和 往生 出 的 Smith- 
Schlick 模 型 . 


] 
Gll,v, h) = (0 .DG 月 二 有 (0 -D+ 
李 roughness” 
x 


而 菲 涅 耳 反 里 FF(1,h ) 则 使 用 了 图 形 学 中 经 常 使 用 的 Schlick 菲 涅 耳 
近似 等 式 [7]: 


F(Lh)= Fo+(1— Fo) -1.hy 


其 中 已 0 表示 高 光 反 射 系数 ， 在 Unity 中 往往 指 的 就 是 高 光 反 射 颜 
Cs 


上 面 的 公式 对 于 某 些 读者 来 说 可 能 星 深 难 懂 ， 实 际 上 ， 这 些 数 学 大 
多 来 源 于 对 真实 世界 中 各 种 物体 的 BRDF 的 分 析 ， 再 使 用 不 同 的 数学 模 
型 进行 逼近 。 如 果 读 者 想 要 深入 了 解 基于 物理 的 泻 染 的 数学 原理 和 应 用 
的 话 ， 可 以 参见 本 章 的 扩展 阅读 部 分 。 


幸运 的 是 ， 在 Unity 中 我 们 不 需要 上 自己 在 Shader 中 实现 上 面 的 公式 ， 
Unity 已 经 为 我 们 提供 了 现成 的 基于 物理 着 色 的 Shader， 也 就 是 Standard 
Shader。 








18.2 Unity 5 的 Standard Shader 


当 我 们 在 Unity 5 中 新 创建 一 个 模型 或 是 新 创建 一 个 材质 时 ， 其 默认 
使 用 的 着 色 器 都 是 一 个 名 为 Standard 的 着 色 器 。 这 个 Standard Shader 就 使 
用 了 我 们 之 前 所 讲 的 基于 物理 的 泻 染 。 


Unity 文 持 两 种 流行 的 基于 物理 的 工作 流程 : 金属 工作 流 (Metallic 
workflow) 和 高 光 反 射 工作 流 (Specular workflow) 。 其 中 ,金属 工 
作 流 是 默认 的 工作 流程 ， 对 应 的 Shader 为 Standard Shader。 而 如 果 想 要 
使 用 高 沧 反 射 工 作 流 ， 惑 需要 在 材质 的 Shader 下 拉 框 中 选择 
Standard (Specular setup) 。 需 要 注意 的 是 ， 通 常 来 讲 ， 使 用 不 同 的 工 
作 流 可 以 实现 相同 的 效果 ， 只 是 它们 使 用 的 参数 不 同 而 已 。 金 属 工作 流 
也 不 意味 着 它 只 能 模拟 金属 类 型 的 材质 ， 人 金属 工作 流 的 名 字 来 源 于 它 定 
义 了 材质 表面 的 金属 值 〈 是 金属 类 型 的 还 是 非 金属 类 型 的 ) 。 高 光 反 射 
工作 流 的 名 字 来 源 于 它 可 以 直接 指定 表面 的 高 光 反 射 颜 色 (有 很 强 的 高 
光 反 射 还 是 很 弱 的 高 光 反 射 ) 等 ， 而 在 金属 工作 流 中 这 个 颜色 需要 由 漫 
反射 颜色 和 金属 值 衍生 而 来 。 在 实际 的 游戏 制作 过 程 中 ， 我 们 可 以 选择 
自己 更 偏好 的 工作 法 来 制作 场景 ， 这 更 多 的 是 个 人 言 好 的 问题 。 当 然 也 
可 以 同时 混用 两 种 工作 流 。 


在 下 面 的 内 容 中 ， 我 们 用 Standard Shader 来 统称 Standard 和 
Standard (Specular setup) 着 色 右 。Unity 提 供 的 Standard Shader 人 允许 让 
我 们 只 使 用 这 一 种 Shader 来 为 场景 中 所 有 的 物体 进行 着 色 ， 而 不 需要 考 
虑 它们 是 否 是 金属 材质 还 是 塑料 材质 等 ， 从 而 大 大 减少 我 们 不 断 调整 材 
质 参 数 所 花费 的 时 间 。 




















18.2.1 它们 是 如 何 实现 的 


Standard 和 Standard (Specular setup ) 的 Shader 源 代码 可 以 在 Unity 内 
置 的 builtin_shaders-5.x/ DefaultResourcesExtra 文 件 夹 中 找到 ， 这 些 
Shader 依 赖 于 builtin_shaders-5.x/CGIncludes 文 件 夹 中 定义 的 一 些 头 文 
件 。 这 些 相关 的 头 文件 的 名 称 大 多 类 似 于 UnityStandardXXX.cginc， 其 
中 定义 了 和 PBS 相 关 的 各 个 函数 、 结 构 体 和 宏 等 。 表 18.1 列 出 了 这 些 头 
文件 的 名 称 以 及 它们 的 主要 用 处 。 


表 18.1 








UnityPBSLighting.cginc 


UnityStandardCore.cginc 


UnityStandardBRDF.cginc 


UnityStandardInput.cginc 


UnityStandardUtils.cginc 


UnityStandardConfig.cginc 


UnityStandardMeta.cginc 


UnityStandardShadow.cginc 

















定义 了 表面 着 色 器 使 用 的 标准 光照 函数 和 相关 的 结构 
体 等 ， 如 LightingStandardSpecular 函 数 和 
SuifaaecinipitStanilarniSeatllar 结 构 体 








定义 了 Standard 和 Standard (Specular setup) Shader 使 用 
的 顶点 / 片 元 着 色 器 和 相关 的 结构 体 、 辅 助 函数 等 ， 如 
VertForwardBase、fragForwardBase、 We 、 
SpecularSetup 函 数 和 VertexOutputForwardBase、 
FragmentCommonData 结 构 体 











实现 了 Unity 中 基于 物理 的 泻 染 技 术 ， 定 义 了 
BRDF1 Unity PBS、BRDF2_Unity_PBS 和 
BRDF3_Unity_PBS 等 函数 ， 来 实现 不 同 平 台 下 的 
BRDF 








声明 了 Standard Shader 使 用 的 相关 输入 ， 包 括 shader 使 
用 的 属性 和 顶点 着 色 器 的 输入 结构 体 VertexInput， 并 
定义 了 基于 这 些 输 入 的 辅助 函数 ， 如 TexCoords、 
Albedo、Occlusion、SpecularGloss 等 函数 











Standard Shader 使 用 的 一 些 辅助 函数 ， 将 来 可 能 会 移 到 
UnityCG.cginc 文 件 中 





对 Standard Shader 的 相关 配置 ， 例 如 默认 情况 下 关闭 简 
化 版 的 PBS 实 现 (将 UNITY_STANDARD_SIMPLE 设 

为 0) ， 以 及 使 用 基于 归 一 化 的 Blinn-Phong 模 型 而 非 

GGX 模 型 来 实现 BRDF (将 UNITY_BRDF_GGX 设 为 

0) 











定义 了 Standard Shader 中 “LightMode” 为 “Meta” 的 
Pass (用 于 提取 光照 纹理 和 全 局 光照 的 相关 信息 〉 使 
en 以 及 它们 使 用 的 输入 / 输 出 结构 
































定义 了 Standard Shader 
中 “LightMode” 为 *<ShadowCaster” 的 Pass《〈 用 于 投射 阴 
影 ) 使 用 的 顶点 / 片 元 着 色 器 ， 以 及 它们 使 用 的 输入 / 输 














出 结构 体 





定义 了 和 全 局 光照 相关 的 函数 ， 如 


UnityGloballllumination.cginc 


UnityGlobalIllumination 函 数 





我 们 可 以 打开 Standard.shader 和 StandardSpecular.shader 文 件 来 分 析 
Unity 是 如 何 实现 基于 物理 的 泻 染 的 。 总 体 来 讲 ， 这 两 个 Shader 的 代码 基 
本 相同 它们 都 定义 了 两 个 SubShader， 第 一 个 SubShader 使 用 的 计算 
更 加 复杂 ， 主 要 针对 非 移 动 平 台 (通过 #pragma exclude_renderers gles 代 
码 来 排除 GLES 平 台 ) ， 并 定义 了 前 向 演 染 路 径 和 廷 迟 演 染 路 径 使 用 的 
Pass， 以 及 用 于 投射 阴影 和 提取 元 数据 的 Pass; 第 二 个 SubShader 定 义 了 
4 个 Pass， 其 中 两 个 Pass 用 于 前 同 泻 染 路 径 ， 一 个 Pass 用 于 投射 阴影 ， 另 
一 个 Pass 用 于 提取 元 数据 ， 该 SubShader 主 要 针对 移动 平台 。 
Standard.shader 和 StandardSpecular.shader 最 大 的 不 同 之 处 在 于 ， 它 们 在 
设置 BRDF 的 输入 时 使 用 了 不 同 的 函数 来 设置 各 个 参数 一 一 基于 金属 工 
作 流 的 Standard Shader 使 用 MetallicSetup 消 数 来 设置 各 个 参数 ， 基 于 高 光 
反射 工作 流 的 Standard (Specular setup ) Shader 使 用 SpecularSetup 函 数 来 
设置 。MetallicSetup 和 SpecularSetup 函 数 均 在 UnityStandardCore.cginc 文 
件 中 被 定义 。 图 18.7 给 出 了 Standard Shader 中 用 于 前 向 泻 染 路 径 的 典型 
实现 ， 这 是 由 对 内 置 文件 的 分 析 所 得 。 


从 图 18.7 中 可 以 看 出 ， 两 个 Pass 的 代码 大 体 相 同 ， 只 是 ForwardBase 
Pass 进 行 了 更 多 的 光照 计算 ， 例 如， 计算 全 局 光照 、 自 发 光 等 效果 ， 这 
些 计算 只 需要 在 物体 的 整个 泻 染 过 程 中 计算 一 次 即 可 ， 因 此 不 需要 在 
FarwardAdd Pass 中 再 计算 一 次 ， 这 与 我 们 之 前 学 习 前 问 泻 染 时 的 经 验 一 
致 。 























18.2.2 ”如 何 使 用 Standard Shader 


我 们 之 前 提 到 ，Unity 5 的 Standard Shader 适 用 于 各 种 材质 的 物体 ， 
但 是 ， 我 们 应 该 如 何 使 用 Standard Shader 来 得 到 不 同 的 材质 效果 呢 ? 


我 们 首先 来 回答 一 个 问题 ， 为 什么 不 同 的 材质 看 起 来 是 如 此 不 同 
呢 ? 这 需要 回顾 我 们 在 18.1 节 讲 到 的 内 容 。 我 们 知道 ， 材 质 和 光 的 交互 
可 以 分 成 漫 反射 和 高 光 反 射 两 个 部 分 ， 其 中 漫 反 射 对 应 了 次 表面 散射 的 
结果 ， 而 高 光 反 射 则 对 应 了 表面 反射 的 结果 。 通 过 对 金属 材质 和 非 金属 





材质 的 分 析 ， 我 们 可 以 得 到 它们 的 宴 反 射 和 高 光 反 射 的 一 些 特点 。 





Re 
ForwardBase Pass 


顶点 着 色 器 片 元 着 色 器 
Verexinput 一 | vertForwardBase VertexOutputForwardBase 一 m| fragForwardBase 
(UnityStandardInput.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) 














计算 VertexOutputForwardBase 中 的 各 个 变量 值 ， 




















ji 
体 FragmentCo cone 
让 信 -Re 分 计 名 六 内 加、 站 尖 。 全 局 光 归 等 信息 ， 为 词 用 BRDF 做 准备; 
也 i ee -PBS 滑 数 在 UnityPBSLighti ng.cginc 文 件 中 被 定 
义 
4. 调用 UN ITY_BRDF er EUnityPBSLighting. cginc 文 件 中 被 定 
SI 浴 加 爹 局 光 有 塞 染 结 
5. 添加 自发 光 
6. 梁 放 县 八 闪 引 开户 的 话 ) ， 
7. 返回 最 后 的 像素 
ForwardAdd Pass 
顶点 着 色 器 片 元 着 色 器 
VertexInput ”一 | vertForwardAdd VertexOutputForwardAdd fragForwardAdd 
(UnityStandardInput.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) 
六 VortexQutputEonwandAdd 由 的 各 个 开 是 位 ; 如 1, 信用 Specularselup 直 Metolicselup 竺 小玉 充 BRDF 的 输 和 结构 
顶点 位 置 pos、 纹 理 坐标 tex、 视 角 位 置 eyeVec、 Rh 
阴影 坐标 等 。 2. 计算 光源 和 阴影 等 信息 ， 为 调用 BRDF 做 准备 ; 
3 读 区 六 六 和 BRDF_PBS (在 UnityPBSLighting'cginc 文 件 中 被 定义 ) 函 


数 计算 基于 物理 的 泻 染 结果 ; 
4. 六 可 于 光 信 梭 (入 果 讶 局 的 活 ) b 
5. 返回 最 后 的 像素 值 


A 图 18.7 Standard Shader 中 前 问 泻 染 路 径 使 用 的 Pass (简化 版 本 的 PBS 使 用 了 
VertexOutputBaseSimple 等 结构 体 来 代替 相应 的 结构 体 ) 


1. 金属 材质 
。 几乎 没有 漫 反 射 ， 因 为 所 有 被 吸收 的 光 都 会 被 自由 电子 立刻 转化 为 
其 他 形式 的 能 量 ; 


。 有 非常 强烈 的 高 沧 反 射 ; 
。 高 光 反 射 通常 是 有 颜色 的 ， 例 如 金子 的 反光 颜色 为 黄色 。 


2. 非 金属 材质 
。 大 多 数 角 度 高 光 反 射 的 强度 比较 弱 ， 但 在 掠 射 角 时 高 光 反 射 强度 反 
而 会 增强 ， 即 菲 涅 耳 现象 ; 
。 山 光 反射 的 颜色 比较 单一 ; 
。 漫 反 射 的 颜色 多 种 多 样 。 


但 真实 的 材质 大 多 混合 了 上 面 的 这 些 特性 ，Unity 提 供 的 工作 流 就 





是 为 了 更 加 方便 地 让 我 们 针对 以 上 特性 来 调整 材质 效果 。 在 Unity 官 方 
的 示例 项 目 Shader Calibration Scene 

) 中 》 Unity 提 
供 了 两 个 非常 有 参考 价值 的 校准 表格 ， 如 图 18. 8 所 示 ， 它 们 分 别 对 应 了 
金属 工作 流 和 高 光 反 射 工 作 流 使 用 的 参考 属性 值 ， 来 方便 我 们 针对 不 同 
类 型 的 材质 来 调整 参数 。 读 者 也 可 以 在 本 书 资源 的 
Assets/Textures/Chapter18/Charts 文 件 夹 找 到 这 两 张 校准 表格 。 
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A 图 18.8 Unity 提 供 的 校准 表格 。 左 边 : 金属 工作 流 使 用 的 校准 表格 ， 右 边 : 高 光 反 射 工作 流 
使 用 的 校准 表格 





我 们 以 图 18.8 的 左 图 ， 即 金属 工作 流 使 用 的 校准 表格 为 例 ， 来 解释 
如 何 使 用 这 张 校准 表格 来 指导 我 们 调整 材质 。 在 本 书 资源 的 场景 文件 
Scene_18_2 中 ， 我 们 提供 了 一 个 简单 的 场景 来 展示 不 同 材质 的 结果 。 图 
18.9 显 示 了 场景 结果 以 及 物体 使 用 的 材质 。 需 要 注意 的 是 ， 读 者 需要 在 
Edit ~ Project Setttings Player ~ Other Settings Color Space 中 选择 
Linear 才 可 以 得 到 和 图 18.9 中 相同 的 效果 ， 这 是 因为 基于 物理 的 泻 染 需 
要 使 用 线性 空间 《〈 详 见 18.3.4 节 ) 来 进行 相关 计算 。 

















A 图 18.9 ee 左边 的 球体 : 金属 材质 ， 右 边 的 球体 : 塑 
料 材质 


在 金属 工作 流 中 ， 材 质 面板 中 的 Albedo 定义 了 物体 的 整体 颜色 ， 
它 通 常 就 是 我 们 视觉 上 认为 的 物体 颜色 。 从 亮度 来 看 ， 非 金属 材质 的 亮 
度 范 围 通 向 在 50 一 243， 而 金属 材质 的 亮度 一 般 在 186 255 之 间 。Unity 给 
的 校准 表格 〈 见 图 18.8 中 的 左 图 ) 中 还 给 出 了 一 些 非 金属 材质 和 金属 材 
质 使 用 的 示例 Albedo 属 性 值 ， 我 们 可 以 直接 使 用 这 些 示例 值 来 作为 材质 
属性 。 当 然 ， 也 可 以 直接 使 用 一 张 纹理 作为 材质 的 Albedo 值 。 在 我 们 的 
例子 中 ， 我 们 把 金属 材质 〈 图 18.9 中 的 左边 的 球体 ) 的 Albedo 设 为 银灰 
色 ， 而 把 塑料 材质 (图 18.9 中 的 右边 的 球体 ) 的 设 为 蓝 绿 色 。 材 质 面板 
中 的 下 一 个 属性 是 Metallic ， 它 定义 了 该 物体 表面 看 起 来 是 否 更 像 金 属 
或 非 金属 。 同 样 ， 我 们 也 可 以 使 用 一 张 纹理 来 采样 得 到 表面 的 Metallic 
值 ， 此 时 该 纹理 中 的 R 通 道 值 将 对 应 了 Metallic 值 。 在 我 们 的 例子 中 ， 我 
们 把 金属 材质 的 Metallic 值 设 为 1， 表 明 该 物体 几乎 完全 是 一 个 金属 材 
质 ， 同 时 把 塑料 材质 的 Metallic 值 设 为 0， 表 明 该 物体 几乎 没有 任何 金属 
特性 。 最 后 一 个 重要 的 材质 属性 是 Smoothness ， 它 是 上 一 个 属 
性 Metallic 的 附属 值 ， 定 义 了 从 视觉 上 来 看 该 表面 的 光滑 程度 。 如 果 我 
们 在 设置 Metallic 属性 时 使 用 的 是 一 张 纹理 ， 那 么 这 张 纹理 的 A 通 道 就 
对 应 了 表面 的 Smoothness 值 (此 时 纹理 的 GB 通道 则 被 忽略 ) 。 在 我 们 
的 例子 中 ， 我 们 把 金属 材质 的 Smoothness 值 设置 为 相对 较 大 的 0.7， 表 明 
该 金属 表面 比较 光滑 ， 而 把 塑料 材质 的 Smoothness 值 设 为 0.4， 表 明 该 塑 
料 表 明 比 较 粗 糙 。 


高 光 反 射 工 作 流 使 用 的 面板 和 上 述 金属 工作 流 使 用 的 基本 相同 ， 只 
是 使 用 了 不 同 含义 的 Albedo 属性 ， 并 使 用 Specular 代 丛 了 上 述 的 





Metallic 属性 。 在 高 光 反 射 工 作 流 中 ， 材 质 的 Albedo 属性 定义 了 表面 的 
漫 反 射 强度 。 对 于 非 金 属 材 质 ， 它 的 值 通 名 仍然 是 视觉 上 认为 的 物体 凑 
色 ， 但 对 于 金属 材质 ，Albedo 的 值 通常 非常 接近 黑色 (还 记得 吗 ， 人 金属 
材质 几乎 不 存在 次 表面 散射 的 现象 ) 。 高 光 反 射 工作 流 的 Specular 属性 
则 定义 了 表面 的 高 光 反 射 强度 。 非 金属 材质 通 负 使 用 一 个 灰 度 值 范 围 在 
0 一 55 的 深 灰 色 来 作为 Specular 值 ， 表 明 非 金属 材质 的 高 光 反 射 较 弱 。 人 金 
属 材质 则 通常 会 使 用 视觉 上 认为 的 该 金属 的 颜色 作为 它 的 Specular 

值 。Specular 属性 同样 也 有 一 个 子 属 性 Smoothness ， 它 定义 了 从 视觉 

上 来 看 该 表面 的 光滑 程度 。 和 上 面 的 金属 工作 流 类 似 ， 如 果 使 用 了 一 张 
纹理 来 为 Specular 属性 赋值 ， 那 么 纹理 的 RGB 通道 对 应 了 Specular 属 性 
值 ，A 通 道 对 应 了 Smoothness 属 性 值 。 


上 述 材质 属性 都 属于 材质 面板 中 的 Main Maps 部 分 ， 除 了 上 述 提 到 
的 属性 外 ，Main Maps 还 包含 了 其 他 材质 属性 ， 例 如 ， 切 线 空间 下 的 法 
线 纹 理 、 氮 挡 纹 理 、 自 发 光 纹 理 等 。Main Maps 部 分 的 下 面 还 有 一 
个 Secondary Maps 的 属性 部 分 ， 这 个 部 分 的 属性 是 用 来 定义 额外 的 细 
节 信 息 ， 这 些 细节 通常 会 直接 绘制 在 Main Maps 的 上 面 ， 来 为 材质 提供 
更 多 的 微 表面 或 细节 表现 。 


除了 上 述 属性 ， 我 们 还 可 以 为 Standard Shader 选 择 它 使 用 的 演 染 模 
式 ， 即 材质 面板 上 的 Render Mode 选项 。Standard Shader 支 持 4 种 泻 染 模 
式 ， 分 别 是 Opaque、Cutout、Fade 和 Transparent。 其 中 ，Opaque 用 于 演 
染 最 常见 的 不 透明 物体 ， 这 也 是 默认 的 泻 染 模式 。 对 于 像 玻璃 这 样 的 材 
质 ， 我 们 可 以 选择 Transparent 模 式 ， 在 这 个 演 染 模式 下 ，Albedo 属 性 的 
A 通道 用 于 控制 材质 的 透明 上 度 。 而 在 Cutout 泻 染 模 式 下 ，Albedo 属 性 中 
纹理 的 A 通道 会 成 为 一 个 掩 码 纹理 ， 而 它 的 子 属性 Alpha Cutoff 将 是 透明 
度 测 试 时 使 用 的 国 值 。Fade 模 式 和 Transparent 模 式 是 类 似 的 ， 不 同 的 
是 ， 在 Transparent 模 式 下 ， 当 材质 的 透明 值 不 断 降 低 时 ， 它 的 反射 仍然 
能 被 保留 ， 而 在 Fade 模 式 下 ， 该 材质 的 所 有 泻 染 效果 都 会 逐渐 从 屏幕 上 


淡出 。 


需要 注意 的 是 ， 尽 管 Standard Shader 的 材质 面板 有 许多 可 供 调节 的 
属性 ， 但 我 们 不 用 担心 由 于 没有 使 用 一 些 属性 而 会 对 性 能 有 所 影响 。 
Unity 在 背后 已 经 进行 了 高 度 优化 ， 在 我 们 生成 可 执行 程序 时 ，Unity 会 
检查 哪些 属性 没有 被 使 用 到 ， 同 时 也 会 针对 目标 平台 进行 相应 的 优化 。 


从 上 面 的 内 容 可 以 看 出 ， 要 想得到 可 信和 度 更 高 的 齐 染 结果 ， 我 们 需 
要 对 不 同 材 质 使 用 合适 的 属性 值 ， 尤 其 是 一 些 重 要 的 属性 值 ， 例 如 





























Albedo、Metallic 和 Specular。 当 然 ， 想 要 让 整个 场景 的 泻 染 结果 令 人 满 
意 ， 尤 其 包含 了 复杂 光照 的 场景 ， 仅 仅 有 这 些 使 用 了 PBS 的 材质 是 不 够 
的 ， 我 们 需要 使 用 Unity 提 供 的 其 他 一 些 重要 的 技术 ， 例 如 HDR 格 式 的 
Skybox、 全 局 光照 、 反 射 探 针 、 光 照 探 针 、HDR 和 屏幕 后 处 理 等 。 


18.3 一 个 更 加 复杂 的 例子 


在 本 章 最 后 ， 我 们 将 以 一 个 更 加 复杂 的 、 基 于 物理 泻 染 的 场景 结 
束 ， 该 场景 对 应 了 本 书 资源 中 的 Scene_18_3。 本 场景 使 用 的 元 素 大 多 来 
源 于 Unity 官 方 的 示例 项 目 Viking Village (https://www. 
assetstore.unity3d.comy/jp/#!/content/29140 ) ， 读 者 可 以 下 载 完 整 的 项 目 
来 更 加 深入 地 学 习 Unity 中 的 PBS。 


图 18.10 展 示 了 在 不 同 光 照 条 件 下 本 例 实现 的 效果 。 需 要 注意 的 
是 ， 读 者 需要 在 Edit ~ Project Setttings -Player ”> Color Space 中 选择 
Linear 才 可 以 得 到 和 图 18.9 中 相同 的 效果 ， 这 是 因为 基于 物理 的 演 染 需 
要 使 用 线性 空间 〈 详 见 18.3.4 节 ) 来 进行 相关 计算 。 











A 图 18.10 在 Unity 5 中 使 用 基于 物理 的 泻 染 技 术 ， 场 景 在 不 同 光照 下 的 泻 染 结果 


那么 ， 基 于 物理 的 Standard Shader 是 如 何 与 其 他 Unity 功 能 相互 配合 
得 到 这 样 的 场景 呢 ? 


18.3.1 设置 光照 环境 


我 们 首先 需要 为 场景 设置 光照 环境 。 在 默认 情况 下 ，Unity 5 中 一 个 
新 创建 的 场景 会 包含 一 个 默认 的 Skybox。 在 本 例 中 ， 我 们 使 用 一 个 自 定 
义 的 Skybox 来 代 蔡 默认 值 。 做 法 是 ， 打 开 Window Lighting， 在 Scene 
标签 页 下 把 本 例 使 用 的 SunsetSkyboxHDR 拖 忠 到 Skybox 选项 中 ， 如 图 
18.11 所 示 。 


本 例 中 的 Skybox 使 用 了 一 个 HDR 格 式 的 Cubemap， 这 与 我 们 之 前 在 
10.1 节 中 制作 Skybox 时 使 用 的 纹理 不 同 。 这 需要 解释 HDR (High 
Dynamic Range) 的 相关 知识 ， 我 们 将 在 18.4.3 节 更 加 详细 地 介绍 HDR 的 
原理 和 应 用 。 但 在 这 里 ， 我 们 只 需要 知道 ， 使 用 HDR 格 式 的 Skybox 可 以 
让 场景 中 物体 的 反射 更 加 真实 ， 有 利于 我 们 得 到 更 加 可 信 的 光照 效果 。 


我 们 还 可 以 设置 场景 使 用 的 环境 光照 ， 这 些 环境 光照 可 以 对 场景 
中 所 有 的 物体 表面 产生 影响 。 在 图 18.11 所 示 的 设置 面板 中 ， 我 们 可 以 
选择 环境 光照 的 来 源 (Ambient Source 选项 ) ， 是 来 自 于 场景 使 用 的 
Skybox， 还 是 使 用 渐变 值 ， 亦 或 是 某 个 固定 的 颜色 。 我 们 还 可 以 设置 环 
境 光 照 的 强度 (Ambient Intensity 参数 ) ， 如 果 想 要 场景 中 的 所 有 物体 
不 接受 任何 环境 光照 ， 可 以 把 该 值 设 为 0。 在 使 用 了 Standard Shader 的 前 
提 下 ， 如 果 我 们 关闭 场景 中 所 有 的 光源 ， 并 把 环境 光照 的 强度 设 为 0， 
场景 中 的 物体 仍然 可 以 接受 一 些 光照 ， 如 图 18.12 中 的 左 图 所 示 。 














全 图 18.11 光照 面板 下 的 Scene 标签 页 








和 图 18.12 左边: 当 关 闭 场景 中 的 所 有 光源 并 把 环境 光照 强度 设 为 0 后 ， 使 用 了 Standard Shader 
的 物体 仍然 具有 光照 效果 ， 右 边 : 把 反射 源 设置 为 空 ， 使 得 物体 不 接受 任何 
回 炒 \ E 言 息 























那么 ， 这 些 光 照 是 从 哪里 来 的 呢 ? 答案 就 是 反射 。 默 认 的 反射 源 
(Reflection Source 选项 ) 是 场景 使 用 的 Skybox。 如 果 我 们 不 想 让 场景 
中 的 物体 接受 任何 默认 的 反射 光照 ， 可 以 把 反射 源 设 置 为 目 定 义 
( 即 Custom ) ， 并 把 自 定义 的 Cubemap 保 留 为 空 即 可 〈 另 一 种 方式 是 
直接 把 场景 使 用 的 Skybox 设 置 为 空 ) ， 如 图 18.12 右 图 所 示 。 但 为 了 得 
到 更 加 逼真 的 泻 染 结果 ， 我 们 通常 是 不 会 这 样 做 的 。 在 泻 染 实现 上 ， 即 
便 场 景 中 没有 任何 光源 ，Unity 在 内 部 仍然 会 调用 ForwardBase Pass 假 
设 使 用 的 是 前 同 泻 染 路 径 的 话 ) ， 并 使 用 反射 的 光照 信息 来 填充 光源 信 
息 ， 再 进行 基于 物理 的 泻 染 计算 。 读 者 可 以 通过 帧 调试 器 (Frame 
Debugger) 来 查看 泻 染 过 程 。 需 要 注意 的 是 ， 这 里 设置 的 反射 源 是 默认 
的 反射 源 ， 如 果 我 们 在 场景 中 添加 了 其 他 反射 探 针 〈Reflection Probes， 
见 18.3.2 节 ) ， 物 体 可 能 会 使 用 其 他 反射 源 。 当 默认 反射 源 是 Skybox 
时 ，Unity 会 由 场景 使 用 的 Skybox 生 成 一 个 Cubemap， 我 们 可 以 通过 
Resolution 选项 来 控制 它 每 个 面 的 分 辩 率 。 


除了 Standard Shader 外 ，Unity 还 引入 了 一 个 重要 的 流水 线 一 一 实时 
全 局 光照 (Global Ilumination，GI) 流水 线 。 使 用 GI， 场景 中 的 物体 
不 仅 可 以 受 直接 光照 的 影响 ， 还 可 以 接受 间接 光照 的 影响 。 直 接 光 照 指 
的 是 那些 直接 把 光照 射 到 物体 表面 的 光源 ， 在 本 书 之 前 的 章节 中 ， 我 们 
使 用 的 都 是 直接 光照 来 泻 染 场景 中 的 物体 。 但 在 现实 生活 中 ， 物 体 还 会 
受到 间接 光照 的 影响 。 例 如 ， 想 象 一 个 红色 墙壁 劳 边 放置 了 一 个 球体 ， 
尽管 墙壁 本 身 不 发 光 ， 但 球体 靠近 墙 的 一 面 仍 会 有 少许 的 红色 ， 这 是 由 
于 红色 墙壁 把 一 些 间 接 光 照 投 射 到 了 球体 上 。 在 Unity 中 ， 间 接 光 照 指 























的 就 是 那些 被 场景 中 其 他 物体 反弹 的 光 ， 这 些 间接 光照 会 受 反 弹 光 的 表 
面 的 颜色 影响 〈 例 如 之 前 例子 中 的 红色 的 墙壁 ) ， 这 些 表 面 会 在 反弹 光 
线 时 把 自身 表面 的 疝 色 添加 到 反射 光 的 计算 中 。 在 Unity 5 中 ， 我 们 可 以 
使 用 这 些 直接 光照 和 间接 光照 来 创建 更 加 真实 的 视 党 效果 。 


下 面 ， 我 们 首先 设置 场景 使 用 的 直接 光照 个 下体 放生 
PBR (Physically Based Rendering) 中 ， 想 要 让 泻 染 效果 更 加 真实 可 信 ， 
我 们 需要 保证 平行 光 的 方向 和 Skybox 中 的 太阳 或 其 他 光源 的 位 置 一 致 ， 
使 得 物体 产生 的 光照 信息 可 以 与 Skybox 互 相 吻 合 。 有 时 ， 我 们 可 能 会 使 
用 一 张 炊 斑纹 理 〈Flare Texture) 来 模拟 太阳 等 光源 ， 此 时 我 们 同样 需 
要 确保 平行 光 的 方 回 与 次 斑 纹理 的 位 置 一 致 。 与 之 类 似 的 还 有 平行 光 的 
颜色 ， 我 们 应 该 尽量 让 平行 光 的 颜色 和 场景 环境 相 匹 配 。 例 如 ， 在 图 
18.10 的 左 图 中 ， 场 景 的 光照 环境 为 日 落 时 分 ， 因 此 平行 光 的 颜色 为 浅 
黄色 ， 如 图 18.13 所 示 ， 而 在 图 18.10 的 右 图 中 ， 场 景 的 光照 环境 更 接近 
傍晚 ， 此 时 平行 光 的 颜色 为 淡 蓝 色 。 我 们 还 在 Skybox 的 材质 面板 上 调整 
天 空 的 旋转 角度 及 曝光 度 ， 来 调整 场景 的 背景 。 


在 平行 光 面 板 的 烘焙 选项 〈 即 Baking ) 中 ， 我 们 选择 了 Realtime 模 
式 ， 这 意味 看 ， 场 景 中 受 平行 光影 响 的 所 有 物体 都 会 进行 实时 的 光照 计 
算 ， 当 光源 或 场景 中 其 他 物体 的 位 置 、 旋 转角 上 度 等 发 生变 化 时 ， 场 景 中 
的 光照 结果 也 会 随 之 变化 。 然 而 ， 实 时 光照 往往 需要 较 大 的 性 能 消耗 ， 
对 于 移动 平台 这 样 资源 比较 短缺 的 平台 ， 我 们 可 以 选择 Baked 模 式 ， 此 
时 ，Unity 会 把 该 光源 的 光照 效果 烘焙 到 一 张 光照 纹理 〈lightmap ) 中 ， 
这 样 我 们 就 不 用 实时 为 物体 计算 复杂 的 光照 ， 而 只 需要 通过 纹理 采样 来 
得 到 光照 结果 。 选 择 烘焙 模式 的 缺点 在 于 ， 如 果 场 景 中 的 物体 发 生 了 移 
动 ， 但 是 它 的 阴影 等 光照 效果 并 不 会 发 生变 化 。 烘 焙 选项 中 的 Mix 模 式 
则 允许 我 们 混合 使 用 实时 模式 和 烘焙 模式 ， 它 会 把 场景 中 的 静态 物体 
( 即 那 些 被 标识 为 Static 的 物体 〉 的 光照 烘焙 到 光照 纹理 中 ， 但 仍然 会 
对 动态 物体 产生 实时 光照 。 


Unity 5 引入 了 实时 间接 光照 的 功能 ， 在 这 个 系统 下 ， 场 景 中 的 直接 
光照 会 在 场景 中 各 个 物体 之 间 来 回 反 射 ， 产 生 间接 光照 。 正 如 我 们 之 
前 讲 到 的 ， 间 接 光 照 可 以 让 那些 没有 直接 被 光源 照 亮 的 物体 同样 可 以 接 
受到 一 定 的 光照 信息 ， 这 些 光 照 是 由 它 周 围 的 物体 反射 到 它 的 表面 上 
的 。 当 一 条 光线 从 光源 被 发 射出 来 后 ， 它 会 与 场景 中 的 一 些 物 体 相 区 ， 
第 一 个 和 光线 相交 的 物体 受到 的 光照 即 为 直接 光照 。 当 得 到 直接 光照 在 
该 物体 上 的 光照 结果 后 ， 该 物体 还 会 继续 反射 该 光线 ， 从 而 对 其 他 物体 


























产生 间接 光照 。 此 后 与 该 光线 相交 的 物体 ， 就 会 受到 间接 光照 的 影响 ， 
同时 它们 也 会 继续 反射 。 当 经 过 多 次 反射 后 ， 该 光线 最 后 完全 消失 。 这 
些 间 接 光 照 的 强度 是 由 GI 系 统计 算得 到 的 默认 亮度 值 。 图 18.13 所 示 的 

光源 面板 中 的 Bounce Intensity 参数 可 以 让 我 们 调节 这 些 间接 光照 的 强 
度 。 当 我 们 把 它 设 为 0 时 ， 意 味 着 一 条 光线 仅 会 和 一 个 物体 相交 ， 不 再 
被 继续 反射 ， 也 就 是 说 ， 场 景 中 的 物体 只 会 受到 直接 光照 的 影响 。 图 

18.14 显 示 了 Bounce Intensity 分 别 为 0 和 8 时 ， 场 景 的 泻 染 结果 ， 注 意 其 中 
阴影 部 分 的 细节 。 
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和 图 18.13 ”使 用 的 平行 光 








A 图 18.14 左边 : 将 Bounce Intensity 设 置 为 0， 物 体 不 再 受到 间接 光照 的 影响 ， 木 屋内 阴影 部 分 





的 可 见 细节 很 少 。 右 边 ; 将 Bounce Intensity 设 为 8， 阴 影 部 分 的 细节 更 加 清楚 


除了 上 述 调整 单个 光源 的 间接 光照 强度 ， 我 们 也 可 以 对 整个 场景 的 
间接 光照 强度 进行 调整 。 这 是 按照 图 18.11 所 示 的 光照 面板 来 实现 的 。 
在 光照 面板 的 Scene 标签 页 下 ， 我 们 可 以 调整 General GI 参数 块 中 的 
Bounce Boost 参 数 来 控制 场景 中 反射 的 间接 光照 的 强度 ， 它 会 和 单个 光 
源 的 Bounce Intensity 参 数 来 一 起 控制 间接 光照 的 反射 强度 。 除 此 之 外 ， 
把 Indirect Intensity 参 数 调 大 同样 可 以 增 大 间接 光照 的 强度 。 需 要 注意 的 
是 ， 间 接 光 照 还 有 可 能 来 自 一 些 自 发 光 的 物体 。 


18.3.2 ”放置 反射 探 针 


回忆 我 们 在 10.1 节 中 讲 到 的 环境 映射， 在 实时 泻 染 中 ， 我 们 经 常会 
使 用 Cubemap 来 模拟 物体 的 反射 效果 。 例 如 ， 在 赛车 游戏 中 ， 我 们 需要 
对 车 身 或 车 窗 使 用 反射 映射 的 技术 来 模拟 它们 的 反光 材质 。 然 而 ， 如 果 
我 们 永远 使 用 同一 个 Cubemap， 那 么 ， 当 赛车 周围 的 场景 发 生 较 大 变化 
时 ， 婚 很 容易 出 现 * 罕 帮 镜 头 ”， 因 为 车 身 或 车 窗 的 环境 反射 并 没有 随 痢 
环境 变化 而 发 生变 化 。 一 种 解决 办 法 是 可 以 在 脚本 中 控制 何 时 生成 从 当 
前 位 置 观察 到 的 Cubemap， 而 Unity 5 为 我 们 提供 了 一 种 更 加 方便 的 途 
径 ， 即 使 用 反射 探 针 (Reflection Probes) 。 反 射 探 针 的 工作 原理 和 光 
照 探 针 (Light Probes) 类 似 ， 它 允许 我 们 在 场景 中 的 特定 位 置 上 对 整个 
场景 的 环境 反射 进行 采样 ， 并 把 采样 结果 存储 在 每 个 探 针 上 。 当 游戏 中 
包 侣 反射 效果 的 物体 从 这 些 探 针 附近 经 过 时 ，Unity 会 把 从 这 些 邻 近 探 
针 存 储 的 反射 结果 传递 给 物体 使 用 的 反射 纹理 。 如 果 物 体 周围 存在 多 个 
反射 探 针 ，Unity 还 会 在 这 些 反 射 结果 之 间 进 行 插值 ， 来 得 到 平滑 渐变 
的 反射 效果 。 实 际 上 ，Unity 会 在 场景 中 放置 一 个 默认 的 反射 探 针 ， 这 
个 反射 探 针 存储 了 对 场景 使 用 的 Skybox 的 反射 结果 ， 来 作为 场景 的 环境 
光照 〈“ 见 18.3.1 节 ) 。 如 果 我 们 需要 让 场景 中 的 物体 包含 额外 的 反射 效 
果 ， 就 需要 放置 更 多 的 反射 探 针 。 


反射 探 针 同样 有 3 种 类 型 Baked， 这 种 类 型 的 反射 探 针 是 通过 提 
前 烘焙 来 得 到 该 位 置 使 用 的 Cubemap 的 ， 在 游戏 运行 时 反射 探 针 中 存储 
的 Cubemap 并 不 会 发 生变 化 。 需 要 注意 的 是 ， 这 种 类 型 的 反射 探 针 在 人 烘 
焙 时 同样 只 会 处 理 那 些 静 态 物体 〈 即 那些 被 标识 为 Reflection Probe 
Static 的 物体 ) ; Realtime， 这 种 类 型 则 会 实时 更 新 当前 的 Cubemap， 并 
且 不 受 静 态 物体 还 是 动态 物体 的 影响 。 当 然 ， 这 种 类 型 的 反射 探 针 需要 
化 费 更 多 的 处 理 时 间 ， 因 此 ， 在 使 用 时 应 当 非 常 小心 它们 的 性 能 。 季 运 
的 是 ，Unity 人 允许 我 们 从 脚本 中 通过 触发 来 精确 控制 反射 探 针 的 更 新 ; 






































最 后 一 种 类 型 是 Custom， 这 种 类 型 的 探 针 既 可 以 让 我 们 从 编辑 器 中 烘焙 
它 ， 也 可 以 让 我 们 使 用 一 个 自 定 义 的 Cubemap 来 作为 反射 映射 ， 但 自 定 
义 的 Cubemap 不 会 被 实时 更 新 。 


我 们 在 本 节 使 用 的 场景 中 放置 了 3 个 反射 探 针 ， 它 们 的 类 型 都 是 
Baked (前提 是 我 们 把 场景 中 的 物体 标识 成 了 Static， 。 使 用 反射 探 针 前 
后 的 对 比 效果 如 图 18.15 所 示 。 


需要 注意 的 是 ， 在 放置 反射 探 针 时 ， 我 们 选取 的 位 置 并 不 是 任意 
的 。 通 第 来 说 ， 反 射 探 针 应 该 被 放置 在 那些 具有 明显 反射 现象 的 物体 的 
和 旁边， 或 是 一 些 墙角 等 容易 有 发生 遮挡 的 物体 周围 。 在 本 例 使 用 的 场景 
中 ， 木 屋内 的 盾牌 具有 比较 明显 的 反 冉 效 果 ， 而 盾牌 本 里 又 修 木屋 外 
挡 ， 因 此 ， 其 中 一 个 反射 探 针 的 位 置 就 在 盾牌 附近 。 当 我 们 放置 好 探 针 
后 ， 我 们 还 需要 为 它们 定义 每 个 探 针 的 影响 区 域 ， 当 反射 物体 进入 到 这 
个 区 域 后 ， 反 射 探 针 就 会 对 物体 的 反射 产生 影响 。 通 和 常 情况 下 ， 反 射 探 
针 的 影响 区 域 之 间 往 往 会 有 所 重 登 ， 例 如 ， 本 例 中 盾牌 附近 的 反射 探 针 
和 另外 两 个 《一 个 在 木屋 前 方 ， 一 个 在 木屋 后 方 ) 的 影响 区 域 都 有 所 重 
有 登 。 此 时 ，Unity 会 计算 反射 物体 的 包围 盒 与 这 些 重 登 区 域 的 交叉 部 
分 ， 并 据 此 来 选择 使 用 的 反射 映射 。 如 果 当 前 的 目标 平台 使 用 的 是 SM 
3.0 及 以 上 的 话 ，Unity 还 可 以 允许 我 们 在 这 些 互相 重 登 的 反射 探 针 之 间 
进行 混合 ， 来 实现 平缓 的 反射 过 渡 效 果 。 


使 用 Unity 内 置 的 反射 探 针 的 另 一 个 好 处 是 ， 我 们 可 以 模拟 互相 反 
射 (interreflections) 。 我 们 曾 在 10.1 节 中 讲 到 使 用 传统 的 Cubemap 方 
法 无 法 模拟 互相 反射 的 效果 。 例 如 ， 假 设 场景 中 有 两 面 互相 面对面 的 镜 
子 ， 在 理想 情况 下 ， 它 们 不 仅 会 反射 自己 对 面 的 那 面 镜子 ， 也 会 反射 那 
面 镜子 里 反射 的 图 像 。 只 要 反射 光线 没有 被 完全 吸收 ， 反 射 融 会 一 直 进 
行 下 去 。 要 实现 这 种 效果 ， 束 需要 奶 踩 光线 的 反射 轨迹 ， 这 是 传统 的 反 
射 方法 所 无 法 实现 的 。Unity 5 引入 的 GI 系 统 让 这 种 效果 变 成 了 可 能 ， 我 
们 在 本 书 资源 的 Scene_18_3_2 场 景 中 展示 了 这 样 的 一 个 例子 ， 如 图 18.16 
所 示 。 我 们 可 以 在 图 18.16 中 看 到 ， 两 个 金属 反射 的 图 像 包含 了 两 次 互 
相反 射 的 效果 。 



































A 图 18.15 0 0 





A 图 18.16 ”使 用 反射 探 针 实现 相互 反射 的 效果 


在 图 18.16 所 示 的 场景 中 ， 我 们 在 每 个 金属 球 的 位 置 处 放置 了 一 个 
反射 探 针 ， 并 把 每 个 金属 球 上 的 Mesh Renderer 组 件 中 的 Reflection 
Probes 设 置 为 Simple， 这 样 保 证 它们 只 会 使 用 离 它们 最 近 的 一 个 反射 探 
针 。 默 认 情 况 下 ， 反 射 探 针 只 会 捕捉 一 次 反射 ， 也 束 是 说 ， 左 边 金 属 球 
使 用 的 反射 探 针 只 会 捕捉 到 由 右边 的 金属 球 第 一 次 反射 过 来 的 光线 。 但 
在 理想 情况 下 ， 反 射 过 来 的 光线 会 继续 被 左边 的 金属 球 反 射 ， 并 对 右边 
的 金属 球 造 成 影响 。Unity 允 许 我 们 控制 物体 之 间 这 样 来 回 反射 的 次 
数 ， 这 可 以 通过 改变 图 18.11 中 的 Reflection Bounces 参 数 来 实现 。 在 图 
18.16 所 示 的 场景 中 ， 我 们 把 该 值 设 为 了 2。 


然而 ， 正 如 本 布 一 开始 所 提 到 的 ， 使 用 反射 探 针 往往 会 需要 更 多 的 





计算 时 间 。 这 些 探 针 实际 上 也 是 通过 在 它 的 位 置 上 放置 一 个 摄像 机 ， 来 
泻 染 得 到 一 个 Cubemap。 如 果 我 们 把 反弹 次 数 设置 的 很 大 ， 或 是 使 用 实 
时 泻 染 ， 那 么 这 些 探 针 很 可 能 会 造成 性 能 瓶 贷 。 更 多 关于 如 何 优化 反射 
探 针 以 及 它 的 高 级 用 法 ， 读 者 可 以 参见 Unity 的 官方 手册 
(http://docs.unity3d.com/Manual/ReflectionProbes.html ) 。 


18.3.3 ”调整 材质 


要 得 到 真实 可 信 的 演 染 效果 ， 我 们 需要 为 场景 中 的 物体 指定 合适 的 
材质 。 需 要 再 次 提醒 读者 的 是 ， 基 于 物理 的 泻 染 并 不 意味 着 一 定 要 模拟 
像 照片 真实 的 效果 。 基 于 物理 的 演 染 更 多 的 好 处 在 于 ， 可 以 让 我 们 的 场 
0 同时 不 需要 频繁 地 调整 

抽 参 数 。 


在 Unity 中 ， 要 想 和 全 局 光照 、 反 射 探 针 等 内 置 功能 良好 地 配合 来 
得 到 出 色 的 演 染 结果 ， 束 需要 使 用 Unity 内 置 的 Standard Shader。 我 们 已 
经 在 18.2.2 节 中 学 习 了 如 何 针 对 不 同类 别 的 物体 来 调整 它们 使 用 的 材质 
属性 。 在 本 例 中 ， 我 们 使 用 了 更 复杂 的 纹理 和 模型 ， 它 们 都 来 自 于 
Unity 官 方 的 示例 项 目 Viking Village 。 这 些 材 质 可 以 为 读者 制作 自己 的 
材质 提供 一 些 参考 ， 例 如 ， 场 景 中 所 有 物体 都 使 用 了 高 光 反 射 纹 理 

(Specular Texture) 、 遮 挡 纹 理 〈Occlusion Texture) 、 法 线 纹理 
(Normal Texture) ， 一 些 材质 还 使 用 了 细节 纹理 来 提供 更 多 的 细节 表 
现 。 




















18.3.4 ”线性 空间 


在 使 用 基于 物理 的 演 染 方法 演 染 整个 场景 时 ， 我 们 应 该 使 用 线性 衬 
间 (Linear Space) 来 得 到 最 好 的 泻 染 效果 。 默 认 情 况 下 ，Unity 会 使 
用 伽 瑟 空间 (Gamma Space) ， 如 果 要 使 用 线性 空间 的 话 ， 我 们 需要 在 
Edit -» Project Settings -, Player ~ Other Settings -, Color Space 中 选择 Linear 
选项 。 图 18.17 显 示 了 分 别 在 线性 空间 和 伽 马 空间 下 场景 的 泻 染 结果 。 


从 图 18.17 中 可 以 看 出 ， 使 用 线性 空间 可 以 得 到 更 加 真实 的 效果 。 
但 它 的 缺点 在 于 ， 需 要 一 些 硬 件 支持 来 实现 线性 计算 ， 但 一 些 移动 平台 
对 它 的 支持 并 不 好 。 这 种 情况 下 ， 我 们 往往 只 能 退 而 求 其 次 ， 选 择 伽 马 
空间 进行 浑 染 和 计算 。 














A 图 18.17 左边 : 在 线性 空间 下 的 泻 染 结果 。 右 边 : 在 伽 马 空间 下 的 演 染 结果 








那么 ， 线 性 空间 、 个 马 空间 到 底 是 什么 意思 ? 为 什么 线性 空间 可 以 
得 到 更 加 真实 的 效果 呢 ? 这 束 需 要 介绍 伽 马 校正 〈Gamma 
Correction ) 的 相关 内 容 了 。 实 际 上 ， 当 我 们 在 默认 的 伽 马 空间 下 进行 
演 染 计算 时 ， 由 于 使 用 了 非 线性 的 输入 数据 ， 导 致 很 多 计算 都 是 在 非 线 
性 空间 下 进行 的 ， 这 意味 着 我 们 得 到 的 结果 并 不 符合 真实 的 物理 期 望 。 
除 此 之 外 ， 由 于 输出 时 没有 考虑 显示 喜 的 显示 个 马 的 影响 ， 会 导致 泻 染 
出 来 的 画面 整体 偏 瞳 ， 总 是 和 真实 世界 不 像 。 


尽管 在 Unity 中 我 们 可 以 通过 之 前 所 说 的 步骤 直接 选择 在 线性 空间 
进行 渲染 ，Unity 会 在 背后 为 我 们 照顾 好 一 切 ， 但 了 解 伽 马 校正 的 原理 
对 我 们 理解 泻 染 计算 有 很 大 帮助 ， 读 者 可 以 在 18.4.2 节 找到 更 多 的 解 
释 。 

















18.4 答疑 解 惑 


在 上 面 的 内 容 中 ， 我 们 首先 介绍 了 PBS 实 现 的 数学 和 理论 基础 ， 并 
简单 概括 了 Unity 中 Standard Shader 的 实现 原理 ， 以 及 如 何 使 用 它 来 为 不 
同类 型 的 物体 调整 适合 它们 的 材质 参数 。 随 后 ， 我 们 通过 一 个 更 加 复杂 
的 场景 ， 来 展示 如 何在 Unity 中 使 用 环境 光照 、 实 时 光源 、 反 射 探 针 以 
及 Standard Shader 来 泻 染 一 个 基于 物理 泻 染 的 场景 。 但 我 们 相信 ， 读 者 
在 读 完 后 仍 有 很 多 困惑 ， 考 虑 到 内 容 的 连贯 性 ， 我 们 未 能 在 文中 对 某 些 
概念 进行 展开 。 在 本 市 中 ， 我 们 将 对 一 些 重要 的 概念 进行 更 为 深入 地 解 


释 。 
18.4.1 什么 是 全 局 光照 


在 上 面 的 内 容 中 ， 我 们 可 以 发 现 全 局 光照 对 得 到 真实 的 渔 染 结果 有 
独 举足轻重 的 作用 。 全 局 光照 ， 指 的 就 是 模拟 光线 是 如 何在 场景 中 传播 
的 ， 它 不 仅 会 考虑 那些 直接 光照 的 结果 ， 还 会 计算 光线 被 不 同 的 物体 表 
面 反 射 而 产生 的 间接 光照 。 在 使 用 基于 物理 的 着 色 技 术 时 ， 当 泻 染 表面 
上 一 点 时 ， 我 们 需要 计算 该 点 的 半球 范围 内 所 有 会 反射 到 观察 方 癌 的 入 
冉 光 线 的 光照 结果 ， 这 些 入 射 光线 中 就 包含 了 直接 光照 和 间接 光照 。 


通常 来 讲 ， 这 些 间 接 光 照 的 计算 是 非常 耗 时 间 的 ， 通 常 不 会 用 在 实 
时 泻 染 中 。 一 个 传统 的 方法 是 使 用 光线 追踪 ， 来 奶 踪 场景 中 每 一 条 重要 
的 光线 的 传播 路 径 。 使 用 光线 退 踪 能 得 到 非常 出 色 的 画面 效果 ， 因 此 ， 
被 大 量 应 用 在 电影 制作 中 。 但 是 ， 这 种 方法 往往 需要 大 量 时 间 才 能 得 到 
一 帧 ， 并 不 能 满足 实时 的 要 求 。 


Unity 采 用 了 Enlighten 解 决 方案 来 让 全 局 光照 能 够 在 各 种 平台 上 有 不 
错 的 性 能 表现 。 事 实 上 ，Enlighten 也 已 经 被 集成 在 虚 约 引擎 〈Unreal 
Engine〉 中 ， 它 已经 在 很 多 3A 大 作 中 展现 了 自身 强大 的 泻 染 能 力 。 总 体 
来 讨 ，Unity 使 用 了 实时 + 预计 算 的 方法 来 模拟 场景 中 的 光照 。 其 中 ， 实 
时 光照 用 于 计算 那些 直接 光源 对 场景 的 影响 ， 当 物体 移动 时 ， 光 照 也 会 
随 之 发 生变 化 。 但 正如 我 们 之 前 所 说 ， 实 时 光照 无 法 模拟 光线 被 多 次 反 
射 的 效果 。 为 了 得 到 更 加 真实 的 泻 染 效 果 ，Unity 又 引入 了 预计 算 光 照 
的 方法 ， 使 得 全 局 光照 其 至 在 一 些 高 端的 移动 设备 上 也 可 以 达到 实时 的 





















































预计 算 光 照 包 含 了 我 们 第 见 的 光照 烘焙 ， 也 就 是 指 我 们 把 光源 对 场 
景 中 静态 物体 的 光照 效果 提前 烘焙 到 一 张 光 照 纹理 中 ， 然 后 把 这 张 光 照 
纹理 直接 贴 在 这 些 物体 的 表面 ， 来 得 到 光照 效果 。 这 些 光 照 纹 理 不 仅 存 
储 了 直接 光照 的 结 采 ， 还 包含 了 那些 由 物体 反射 得 到 的 间接 光照 。 但 
和 是， 这些 光照 纹理 无 法 在 游戏 运行 时 不 断 更 新 ， 也 就 是 说 ， 它 们 是 静态 
的 。 不 过 这 种 方法 的 确 为 移动 平台 的 复杂 光照 模拟 提供 了 一 个 有 效 途 
径 。 以 上 提 到 的 这 些 技 术 很 多 读者 都 已 非常 熟悉 ， 并 可 能 已 经 在 实际 工 
作 中 大 量 使 用 了 它们 。 


由 于 静态 的 光照 烘焙 无 法 在 光照 条 件 改变 时 更 新 物体 的 光照 效果 ， 
因此 ，Unity 使 用 了 预计 算 实 时 全 局 光照 (Precomputed Realtime GI) 
为 我 们 提供 了 一 个 解决 途径， 来 动态 地 为 场景 实时 更 新 复杂 的 光照 结 
末 。 正 如 我 们 之 前 看 到 的 ， 使 用 这 种 技术 我 们 可 以 让 场景 中 的 物体 包含 
丰富 的 全 局 光照 效果 ， 例 如 多 次 反射 等 ， 并 且 这 些 计 算 都 是 实时 的 ， 可 
以 随 着 光源 和 物体 的 移动 而 发 生变 化 。 这 是 使 用 之 前 的 实时 光照 或 烘焙 
光照 所 无 法 实现 的 。 


那么 ， 这 些 是 如 何 实现 的 呢 ? 它们 实际 上 都 利用 了 一 个 事实 
一 旦 物体 和 光源 的 位 置 被 固定 了 ， 这 些 物体 对 光线 的 反弹 路 径 以 及 漫 反 
射 沧 照 〈 我 们 假设 漫 反 射 光 照 在 各 个 方 回 的 分 布 是 相同 的 ) 也 是 固定 
的 ， 也 束 是 说 是 和 摄像 机 无 关 的 。 因 此 ， 我 们 可 以 使 用 预计 算 方法 来 把 
这 些 物 体 之 间 的 关系 提前 计算 出 来 ， 而 在 实时 运行 时 ， 只 要 光源 的 位 置 
《光源 的 颜色 是 可 以 实时 变化 的 ) 不 变 ， 即 便 改 变 了 光源 颜色 和 强度 、 
物体 材质 属性 〈 指 的 是 漫 反 射 和 自发 光 相 关 的 属性 ) ， 这 些 信 息 就 一 直 
有 效 ， 不 需要 实时 更 新 。 在 预计 算 阶段 ，Enlighten 会 在 由 所 有 静态 物体 
组 成 的 场景 上 上， 进行 简化 的 “光线 追踪 ”过 程 。 在 这 个 过 程 中 Enlighten 会 
自动 把 场景 分 割 成 很 多 个 子 系统 ， 它 并 不 是 为 了 得 到 精确 的 光照 效果 ， 
而 是 为 了 得 到 场景 中 物体 之 间 的 关系 。 需 要 注意 的 是 ， 这 些 预计 算 都 是 
在 静态 物体 上 进行 的 ， 因 此 ， 为 了 利用 上 述 的 预计 算 方法 ， 我 们 至 少 需 
要 把 场景 中 的 一 个 物体 标识 为 Static〈 至 少 需要 把 Lightmap Static 勺 选 
上 ) 。 一 个 例外 是 物体 的 高 光 反 射 ， 这 是 和 摄像 机 的 位 置 相关 的 ， 
Unity 的 解决 方案 是 使 用 反射 探 针 ， 正 如 我 们 之 前 看 到 的 那样 。 对 于 动 
态 移 动 的 物体 来 说 ， 我 们 可 以 使 用 光照 探 针 来 模拟 它 的 光照 环境 。 因 
此 ， 在 实时 运行 时 ，Unity 会 利用 预计 算得 到 的 信息 来 计算 光照 信息 ， 
并 把 它们 存储 在 额外 的 光照 纹理 、 光 照 探 针 或 Cubemap 中 ， 再 和 物体 材 
质 进行 必要 的 光照 计算 ， 得 到 最 后 的 泻 染 效果 。 












































Unity 全 新 的 全 局 光照 解决 方案 可 以 大 大 提高 一 些 基 于 PC/ 游 戏 机 等 
平台 的 大 型 游戏 的 画面 质量 ， 但 如 果 要 在 移动 平台 上 使 用 仍 需 要 非常 小 
心 它 的 性 能 。 一 些 低 端 手机 是 不 适合 使 用 这 种 比较 复杂 的 基于 物理 的 泻 
染 ， 不 过 ，Unity 会 在 后 续 的 版 本 中 持续 更 新 和 优化 。 而 且 随 着 手机 硬 
件 的 发 展 ， 未 来 在 移动 平台 上 大 量 使 用 PBS 也 已 经 不 再 是 区 不可 及 的 梦 
想 了 。 更 多 关于 Unity 中 全 局 光照 的 内 容 ， 读 者 可 以 在 Unity 官 方 手册 的 
全 局 光照 (http://docs.unity3d.com/Manual/GIIntro.html ) 一 文中 找到 更 
多 内 容 ， 本 章 最 后 的 扩展 阅读 部 分 也 会 给 出 更 多 的 学 习 资 料 。 


18.4.2 ”什么 是 伽 马 校 正 


我 们 在 18.3.4 市 中 讲 到 ， 要 想 渔 染 出 更 符合 真实 光照 环境 的 场景 就 
再 要 使 用 线性 空间 。 而 Unity 默 认 的 空间 是 伽 马 空间 ， 在 伽 马 空间 下 进 
行 泻 染 会 导致 很 多 非 线 性 空间 下 的 计算 ， 从 而 引入 了 一 些 误差 。 而 要 把 
伽 马 空间 转换 到 线性 空间 ， 就 需要 进行 伽 马 校 正 (Gamma 


Correction ) 。 


相信 很 多 读者 都 听 过 伽 马 校正 这 个 名 词 ， 但 对 于 伽 马 校正 是 什么 、 
为 什么 要 有 它 、 怎 么 使 用 它 都 存在 着 很 多 疑问 。 伽 马 校正 中 的 伽 马 一 词 
来 源 伽 马 曲 线 。 通 常 ， 伽 马 曲 线 的 表达 式 如 下 ; 


了 or 三 了 上 27 


其 中 指数 部 分 的 发 音 就 是 伽 马 。 最 开始 的 时 候 ， 人 们 使 用 伽 马 曲线 
来 对 拍摄 的 图 像 进行 伽 马 编码 (gamma encoding) 。 事 情 的 起 因 可 以 
从 在 真实 环境 中 拍摄 一 张 图 片 说 起 。 摄 像 机 的 原理 可 以 简化 为 ， 把 进入 
到 镜头 内 的 光线 亮度 编码 成 图 像 〈 例 如 一 张 了 正 PG) 中 的 像素 。 如 果 采 
集 到 的 亮度 是 0， 像 素 就 是 0 亮度 是 1， 像 素 怠 是 1 亮度 是 0.5， 像 素 束 是 
0.5。 如 果 我 们 只 用 8 位 空间 来 存储 像素 的 每 个 通道 的 话 ， 这 意味 痢 0 一 1 
区 间 可 以 对 应 256 种 不 同 的 亮度 值 。 但 是 ， 后 来 人 们 发 现 ， 人 有 眼 有 一 个 
有 趣 的 特性 ， 就 是 对 光 的 灵敏 上 度 在 不 同 亮 度 上 是 不 一 样 的 。 在 正常 的 光 
照 条 件 下 ， 人 了 眼 对 较 暗 区 域 的 变化 更 加 敏感 ， 如 图 18.18 所 示 。 
























































< 一 一 看 起 来 基本 相同 一 一 > 





所 一 基本 相同 一 < 一 基本 




















4 图 18.18 ”人 了 眼 更 容易 感知 暗部 区 域 的 变换 ， 而 对 较 亮 区 域 的 变化 比较 不 敏感 


图 18.18 说 明了 一 件 事 情 ， 亮 度 上 的 线性 变化 对 人 眼 感 知 来 说 是 非 
均匀 的 。Youtube 上 有 一 个 名 为 Color is Broken 的 非常 有 趣 的 视频 ， 在 
这 个 视频 中 ， 作 者 用 了 一 个 非常 生动 的 例子 来 说 明 这 个 现象 。 当 一 个 屋 
子 的 光照 由 一 蕾 灯 增加 到 两 荔 灯 的 时 候 ， 人 有 眼 对 这 种 亮度 变化 的 感知 性 
要 远 远 大 于 从 101 匡 灯 增 加 到 102 芋 灯 的 变化 ， 尺 管 从 物理 上 来 说 这 两 种 
变化 基本 是 相同 的 。 那 么 ， 这 和 之 前 讲 的 拍照 有 什么 关系 昵 ? 如 果 使 用 
8 位 空间 来 存储 每 个 通道 的 话 ， 我 们 仍然 把 0.5 亮 度 编码 成 值 为 0.5 的 像 
素 ， 那 么 暗部 和 亮 部 区 域 我 们 都 使 用 了 128 种 颜色 来 表示 ， 但 实际 上 ， 
对 亮 部 区 域 使 用 这 么 多 颜色 是 种 存储 浪费 。 一 种 更 好 的 方法 是 ， 我 们 应 
该 把 把 更 多 的 空间 来 存储 更 多 的 上 暗部 区 域 ， 这 样 存 储 空 间 束 可 以 被 充分 
利用 起 来 了 。 摄 影 设备 如 果 使 用 了 8 位 空间 来 存储 照片 的 话 ， 会 使 用 大 
约 为 0.45 的 编码 伽 马 来 对 输入 的 亮度 进行 编码 ， 得 到 一 张 编码 后 的 图 
像 。 因 此 ， 图 像 中 0.5 像 素 值 对 应 的 亮度 其 实 并 不 是 0.5， 而 大 约 为 
0.22。 这 是 因为 : 
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如 上 所 见 ， 对 拍摄 图 像 使 用 的 伽 马 编码 使 得 我 们 可 以 充分 利用 图 像 
的 存储 空间 。 但 当 把 图 片 放 到 显示 器 里 显示 时 ， 我 们 应 该 对 图 像 再 进行 
一 次 解码 操作 ， 使 得 屏幕 输出 的 亮度 和 捕捉 到 的 亮度 是 符合 线性 的 。 这 
时 ， 人 们 发 现 了 一 个 奇妙 的 巧合 一 -CRT 显 示 器 本 身 几 乎 已 经 自动 做 了 
这 个 解码 操作 ! 这 又 从 何 说 起 呢 ? 在 早期 ，CRT (Cathode Ray Tube， 




















阴极 射线 管 ) 几乎 是 唯一 的 显示 设备 。 这 类 设备 的 显示 机 制 是 ， 使 用 一 
个 电压 狠 击 它 屏 幕 上 的 一 种 图 层 ， 这 个 图 层 就 可 以 发 亮 ， 我 们 就 可 以 看 
到 图 像 了 。 但 CRT 显 示 器 有 一 个 特性 ， 它 的 输入 电压 和 显示 出 来 的 亮度 
关系 不 是 线性 的 ， 也 就 是 说 ， 如 果 我 们 把 输入 电压 调 高 两 倍 ， 屏 幕 亮度 
并 没有 提高 两 倍 。 我 们 把 显示 器 的 这 个 伽 马 曲 线 称 为 显示 伽 马 (diplay 
gamma) 。 非 常 巧 合 的 是 ，CRT 的 显示 伽 马 值 大 约 就 是 编码 伽 马 的 倒 
数 。CRT 显 示 器 的 这 种 特性 ， 正 好 补偿 了 图 像 捕捉 设备 的 伽 马 曲线 ， 人 
们 想 , “天 呐 ， 太 棒 了 ， 我 们 不 需要 做 任何 调整 就 可 以 让 拍摄 的 图 像 在 
电脑 上 看 起 来 和 原来 的 一 样 了 ! ”虽然 现在 CRT 设 备 很 少见 了 ， 并 且 后 
来 出 现 的 显示 设备 有 着 不 同 的 伽 马 响 应 曲线 ， 但 是 ， 人 们 仍 在 硬件 上 做 
了 调整 来 提供 兼容 性 。 图 18.19 展 示 了 编码 伽 马 和 显示 个 马 在 图 像 捕 捉 
和 显示 时 的 作用 。 

















和 图 18.19 ”编码 伽 马 和 显示 伽 马 
随后 ， 微 软 联合 爱普生 、 惠 普 提 供 了 SRGB 颜 色 空 间 标 准 ， 推 荐 显 





示 器 的 显示 个 马 值 为 2.2， 并 配合 0.45 的 编码 伽 马 就 可 以 保证 最 后 伽 马 曲 
线 之 间 可 以 相互 抵消 《因为 2.2x0.45s1) 。 绝 大 多 数 的 摄像 机 、PC 和 打 
印 机 都 使 用 了 上 述 的 RGB 标准 。 


读 到 现在 ， 读 者 可 能 还 是 有 所 疑问 ， 这 和 泻 染 有 什么 关系 ? 管 采 是 
关系 很 大 。 事 实 上 ， 由 于 游戏 界 长 期 以 来 都 忽视 了 伽 马 校 正 的 问题 ， 造 
成 了 我 们 演 染 出 来 的 游戏 总 是 瞳 沉沉 的 ， 总 是 和 真实 世界 不 像 。 由 于 纺 
码 伽 瑟 和 显示 伽 瑟 的 存在 ， 我 们 一 不 小 心 就 可 能 在 非 线性 空间 下 进行 计 
算 ， 或 是 使 得 输出 的 图 像 是 非 线 性 的 。 


对 于 输出 来 说 ， 如 采 我 们 直接 输出 演 染 结果 而 不 进行 任何 处 理 ， 在 
经 过 显示 器 的 显示 伽 马 处 理 后 ， 会 导致 图 像 整体 仿 暗 ， 出 现 失真 的 状 
况 。 我 们 在 本 书 资源 的 Scene_18_4_2_a 显 示 了 伽 马 对 光照 效果 的 影响 
。 在 场景 Scene_18_4_2_a 中 ， 我 们 放置 了 一 个 球体 ， 并 把 场景 中 的 环境 
光照 设 为 全 黑 ， 再 把 平行 光 的 方 回 设置 为 从 上 方 下 接 冉 到 球体 表面 ， 球 
体 使 用 的 材质 为 内 置 的 漫 反 射 材质 。 图 18.20 显 示 了 在 伽 马 空间 和 线性 











空间 下 的 泻 染 结果 。 


从 图 18.20 可 以 看 出 ， 伽 马 空间 下 的 泻 染 结果 整体 偏 暗 ， 一 些 读者 
甚至 认为 这 看 起 来 更 加 正确 。 然 而 ， 实 际 此 时 屏幕 输出 的 亮度 和 球面 的 
光照 结果 并 不 是 线性 的 。 假 设 球面 上 有 一 点 A， 它 的 法 线 和 光线 方向 成 
60?， 还 有 一 点 B， 它 的 法 线 和 光线 方向 成 90*。 那 么 ， 在 Shader 中 计算 
漫 反 射 光照 时 ， 我 们 会 得 出 A 的 输出 是 (0.5, 0.5, 0.5) ，B 的 输出 是 
(1.0, 1.0, 1.0〉。 在 图 18.20 的 左 图 中 ， 我 们 没有 进行 伽 马 校正 ， 因 此 ， 
由 于 显示 右 存 在 显示 伽 马 就 引入 了 非 线 性 关系 ， 也 就 是 说 A 点 的 亮度 其 
实 并 不 是 B 亮 度 的 一 半 ， 而 约 为 它 的 /4。 在 图 18.20 的 右 图 中 ， 我 们 使 用 
了 线性 空间 ，Unity 会 在 把 像素 写 入 颜色 缓冲 前 进行 一 次 伽 马 校正 ， 来 
oe 屏幕 的 显示 伽 蕊 的 作用 ， 此 时 得 到 屏幕 亮度 才 是 真正 跟 像素 值 成 正 























伽 马 的 存在 还 会 对 混合 造成 影响 。 在 场景 Scene_18_4_2_b 中 演示 
了 一 个 简单 的 场景 来 说 明 这 个 现象 。 在 场景 Scene_18 4 2 b 中 ， 我 们 放 
置 了 3 个 互相 重 登 的 圆 ， 它 们 使 用 的 材质 均 为 简单 的 透明 混合 材质 ， 并 
使 用 了 一 个 边界 模糊 的 圆 作为 输入 纹理 。 场 景 在 伽 马 空间 和 线性 空间 下 
的 效果 如 图 18.21 所 示 。 
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A 图 18.20 左边 : 伽 马 空间 下 的 泻 染 结果 ， 右 边 : 线性 空间 下 的 泻 染 结果 




















A 图 18.21 左边 : 伽 马 空间 下 的 混合 结果 ， 右 边 : 线性 空间 下 的 混合 结 


在 图 18.21 堪 图 所 示 的 伽 马 空间 下 ， 我 们 可 以 看 到 在 绿色 和 红色 的 
混合 边界 处 出 现 了 不 正常 的 到 色 渐 变 。 而 正确 的 混合 结果 应 该 是 如 图 
18.21 右 边 图 所 示 的 从 绿色 到 红色 的 渐变 。 除 此 之 外 ， 我 们 也 可 以 看 到 
图 18.21 左 边 图 中 交叉 的 边界 似乎 部 变 瞳 了 。 这 是 因为 在 混合 后 进行 输 
出 时 ， 显 示 器 的 显示 伽 马 导致 接 缝 处 颜色 变 蜡 。 


实际 上 ， 演 染 中 非 线 性 输入 最 有 可 能 的 来 源 就 是 纹理 。 为 了 充分 利 
用 存储 空间 ， 大 多 数 图 像 文件 都 进行 了 提前 的 校正 ， 即 已 经 使 用 了 一 个 
编码 伽 马 对 像素 值 编码 。 但 这 意味 着 它们 是 非 线 性 的 ， 如 果 我 们 在 
Shader 中 和 直接 使 用 纹理 采样 值 就 会 造成 在 非 线 性 空间 的 计算 ， 使 得 结果 
和 真实 世界 的 结果 不 一 致 。 我 们 在 使 用 多 级 渐 远 纹理 (mipmaps) 时 也 
需要 注意 。 如 果 纹 理 存储 在 非 线 性 空间 中 ， 那 么 在 计算 多 级 渐 远 纹理 时 
就 会 在 非 线 性 空间 里 计算 。 由 于 多 级 渐 远 纹理 的 计算 是 种 线性 计算 
即 采 样 的 过 程 ， 需 要 对 某 个 方形 区 域内 的 像素 取 平 均值 ， 这 样 承 会 得 到 
错误 的 结果 。 正 确 的 做 法 是 ， 我 们 要 把 非 线性 的 纹理 转换 到 线性 空间 后 
再 计算 多 级 渐 远 纹理 。 


如 上 所 说 ， 伽 马 的 存在 使 得 我 们 很 容易 得 到 非 线性 空间 下 的 泻 染 结 
果 。 在 游戏 泻 染 中 ， 我 们 应 该 保证 所 有 的 输入 都 被 转换 到 了 线性 空间 
下 ， 并 在 线性 空间 下 进行 各 种 光照 计算 ， 最 后 在 输出 前 通过 一 个 编码 伽 
马 进 行 伽 马 校正 后 再 输出 到 颜色 缓冲 中 。Untiy 的 颜色 空间 设置 就 可 以 
满足 我 们 的 需求 。 当 我 们 选择 伽 马 空间 时 ， 实 际 上 就 是 “放任 模式 "， 不 
会 对 Shader 的 输入 进行 任何 处 理 ， 即 使 输入 可 能 是 非 线 性 的 ， 也 不 会 对 
输出 像素 进行 任何 处 理 ， 这 意味 着 输出 的 像素 会 经 过 显示 器 的 显示 伽 马 























转换 后 得 到 非 预 期 的 亮度 ， 通 常 表 现 为 整个 场景 会 比较 昏暗 。 当 选择 线 
性 空间 时 ，Unity 会 把 输入 纹理 设置 为 SRGB 模 式 ， 在 这 种 模式 下 ， 硬 件 
在 对 纹理 进行 采样 时 会 自动 将 其 转换 到 线性 空间 中 ;并且 ，GPU 会 在 
Shader 写 入 颜色 缓冲 前 自动 进行 个 马 校正 或 是 保持 线性 在 后 面 进行 伽 马 
i 打 配 置 。 如 果 我 们 开启 了 HDR 〈 见 18.4.3 节 ) 
的 话 ， 演 染 就 会 使 用 一 个 浮 点 精度 的 缓冲 。 这 些 缓冲 有 足够 的 精度 不 需 
要 我 们 进行 任何 合 马 校正 ， 此 时 所 有 的 混合 和 屏幕 后 处 理 都 是 在 线性 空 
间 下 进行 的 。 当 演 染 完成 要 写 入 显示 设备 的 后 备 缓冲 区 (back buffer) 
时 ， 再 进行 一 次 最 后 的 伽 马 校 正 。 如 果 我 们 没有 使 用 HDR， 那 么 Unity 
就 会 把 缓冲 设置 成 sRGB 格 式 ， 这 种 格式 的 缓冲 束 像 一 个 普通 的 纹理 一 
样 ， 在 写 入 缓冲 前 需要 进行 伽 马 校正 ， 在 读 取 缓冲 时 需要 再 进行 一 次 解 
码 操作 。 如 果 此 时 开启 了 混合 〈 像 我 们 之 前 的 那样 ) ， 在 每 次 混合 时 ， 
硬件 会 首先 把 之 前 颜色 缓冲 中 存储 的 颜色 值 转换 回 线性 空 x 间 中 ， 然 后 再 
与 当前 的 颜色 进行 混合 ， 最 后 把 校正 后 的 混合 
这 里 需要 注意 ， 透 明 通 道 是 不 会 参与 伽 马 校正 





























然而 ，Unity 的 线性 空间 并 不 是 所 有 平台 都 支持 的 ， 例 如 ， 移 动 平 
台 束 无 法 使 用 线性 空间 。 此 时 ， 我 们 束 害 要 自己 在 Shader 中 进行 个 马 校 
正 。 对 非 线性 输入 纹理 的 校正 代码 通常 如 下 : 


float3 diffuseCol = pow(tex2D( diffTex, texCoord ), 2.2 ); 


在 最 后 输出 前 ， 对 输出 像素 值 的 校正 代码 通 第 如 下 面 这 样 : 


fragColor.rgb = pow(fragColor.rgb，1.6/2.2); 
return fragColor; 


但 是 ， 手 工 对 输出 像 系 进行 伽 马 校正 会 在 使 用 混合 时 出 现 问 题 。 这 
是 因为 ， 校 正 会 导致 号 入 颜色 缓冲 内 的 颜色 是 非 线性 的 ， 这 样 混合 就 发 
生 在 非 线 性 空间 中 。 一 种 解决 方法 是 ， 在 中 间 计 算 时 不 要 对 输出 颜色 值 
进行 伽 马 校正 ， 但 在 最 后 需要 进行 一 个 屏 大 后 处 理 操作 来 对 最 后 的 输出 
进行 伽 马 校正 ， 也 束 是 说 我 们 需要 保证 伽 瑟 校正 发 生 在 泻 染 的 最 后 一 
中 ， 但 这 可 能 会 造成 一 定 的 性 能 损耗 。 

















你 会 次 ， 伽 马 这 么 及 烦 ， 什 么 时 候 可 以 售 痉 它 呢 ? 如果 有 一 天 我 们 
对 图 像 的 存储 空间 能 够 大 大 提升 ， 通 用 的 格式 不 再 是 8 位 时 ， 例 如 是 32 
位 时 ， 伽 马 也 许 就 会 消失 。 因 为 ， 我 们 有 足够 多 的 颜色 空间 可 以 利用 ， 
不 需要 为 了 充分 利用 存储 空间 进行 伽 马 编码 的 工作 了 。 这 就 是 我 们 下 面 
要 讲 的 HDR。 





18.4.3 ”什么 是 HDR 


在 使 用 基于 物理 的 演 染 时 ， 我 们 经 常会 听 到 一 个 名 词 就 是 HDR。 
HDR 是 High Dynamic Range 的 缩写 ， 即 高 动态 范围 ， 与 之 相对 的 是 低 动 
态 范围 (Low Dynamic Range，LDR) 。 那 么 这 个 动态 范围 是 指 什么 
呢 ? 通俗 来 讲 ， 动 态 范围 指 的 就 是 最 高 的 和 最 低 的 亮度 值 之 间 的 比值 。 
在 真实 世界 中 ， 一 个 场景 中 最 亮 和 最 瞳 区 域 的 范围 可 以 非常 大 ， 例 如 ， 
太阳 发 出 的 光 可 能 要 比 场 景 中 某 个 影子 上 的 点 的 亮度 要 高 出 几 万 倍 ， 这 
些 范围 远 远 超过 图 像 或 显示 器 能 够 显示 的 范围 。 通 常 在 显示 设备 使 用 的 
颜色 缓冲 中 每 个 通道 的 精度 为 8 位 ， 意 味 着 我 们 只 能 用 这 256 种 不 同 的 亮 
度 来 表示 真实 世界 中 所 有 的 亮度 ， 因 此 ， 在 这 个 过 程 中 一 定 会 存在 一 定 
的 精度 损失 。 早 期 的 拍摄 设备 利用 人 眼 的 特点 ， 使 用 了 伽 马 曲线 来 对 捕 
捉 到 的 图 像 进行 编码 ， 尽 可 能 充分 地 利用 这 些 有 限 的 存储 空间 ， 这 点 我 
们 已 经 在 18.4.2 节 解释 过 了 。 人 然而 ，HDR 的 出 现 给 我 们 带 来 了 新 的 希 
望 ，HDR 使 用 远 远 高 于 8 位 的 精度 (如 32 位 〉， 来 记录 亮度 信息 ， 使 得 我 
们 可 以 表示 超过 0 一 1 内 的 亮度 值 ， 从 而 可 以 更 加 精确 地 反映 真实 的 光照 
环境 。 尽 管 我 们 最 后 还 是 需要 把 信息 转换 到 显示 设备 使 用 的 LDR 内 ， 但 
中 间 的 计算 却 可 以 让 我 们 得 到 更 加 真实 可 信 的 效果 。Nvidia 曾 总 结 过 使 
用 HDR 进 行 演 染 的 动机 : 让 亮 的 物体 可 以 真 的 非常 亮 ， 暗 的 物体 可 以 
真 的 非常 暗 ， 同 时 又 可 以 看 到 两 者 之 间 的 细节 。 


使 用 HDR 来 存储 的 图 像 被 称 为 高 动态 范围 图 像 CHDRI) ， 例 如 ， 
我 们 在 18.3 节 中 就 是 使 用 了 一 张 HDRI 图 像 来 作为 场景 的 Skybox。 这 样 
的 Skybox 可 以 更 加 真实 地 反映 物体 周围 的 环境 ， 从 而 得 到 更 加 真实 的 反 
射 效 果 。 不 仅 如 此 ，HDR 对 与 光照 登 加 也 有 非常 重要 的 作用 。 如 果 我 们 
的 场景 中 有 很 多 光源 或 是 光源 强度 很 大 ， 那 么 一 个 物体 在 经 过 多 次 光照 
演 染 登 加 后 最 终 得 到 的 光照 亮度 很 可 能 会 超过 1。 如 果 没 有 使 用 HDR， 
这 些 超过 1 的 部 分 全 部 会 截取 到 1， 使 得 场景 丢失 了 很 多 亮 部 区 域 的 细 
节 。 但 如 果 开 局 了 HDR， 我 们 束 可 以 保留 这 些 超过 范围 的 光照 结果 ， 尺 
管 最 后 我 们 仍然 需要 把 它们 转换 到 LDR 进 行 显示 ， 但 我 们 可 以 使 用 色调 
映射 〈tonemapping) 技术 来 控制 这 个 转换 的 过 程 ， 从 而 允许 我 们 最 大 






























































限度 地 保留 需要 的 亮度 细节 。 


HDR 的 使 用 可 以 允许 我 们 在 屏幕 后 处 理 中 拥有 更 多 的 控制 权 。 例 

如 ， 我 们 常常 同时 使 用 HDR 和 Bloom 效 果 。 我 们 曾 在 12.5 节 解释 了 
Bloom 特 效 的 实现 原理 ，Bloom 效 果 需 要 检测 屏幕 中 亮度 大 于 某 个 国 值 
的 像素 ， 把 它们 提取 出 来 后 进行 模糊 ， 再 闭 加 到 原 图 像 中 。 但 是 ， 如 果 
不 使 用 HDR 的 话 ， 我 们 只 能 使 用 小 于 1 的 阔 值 来 提取 需要 的 像素 ， 但 很 
多 时 候 我 们 实际 上 是 需要 提取 那些 非常 亮 的 区 域 ， 例 如 车 窗 上 对 太阳 的 
强烈 反光 。 由 于 没有 使 用 HDR， 这 些 值 实际 上 很 可 能 和 街 上 一 些 颜色 偏 
白 的 区 域 几 乎 一 样 ， 造 成 不 希望 的 区 域 也 会 出 现 泛 光 的 效果 。 如 果 我 们 
使 用 HDR， 这 些 就 都 可 以 解决 了 ， 我 们 只 需要 使 用 超过 1 的 闵 值 来 只 所 
取 那 些 非常 亮 的 区 域 即 可 。 


总 体 来 说 ， 使 用 HDR 可 以 让 我 们 不 会 丢失 高 亮度 区 域 的 颜色 值 ， 提 
供 了 更 真实 的 光照 效果 ， 并 为 一 些 屏 幕后 处 理 提供 了 更 多 的 控制 能 
但 HDR 也 有 自身 的 人 缺点， 首先 由 于 使 用 了 浮 点 绥 冲 来 存储 高 精度 图 像 ， 
不 仅 需 要 更 大 的 显存 空间 ， 泻 染 速 度 会 变 慢 ， 除 此 之 外 ， 一 些 硬 件 并 不 
文 持 HDR。 而 且 一 旦 使 用 了 HDR， 我 们 无 法 再 利用 硬件 的 抗 锯 齿 功 
能 。 事 实 上 ， 在 Unity 中 如 果 我 们 同时 打开 了 硬件 的 抗 锯 具 (在 Edit ~ 
Project Settings Quality -、Anti Aliasing 中 打开 ) 和 摄像 机 的 HDR， 
Unity 会 发 出 警告 来 提示 我 们 由 于 开局 了 抗 锯 齿 ， 因 此 ， 无 法 使 用 HDR 
2 尽管 如 此 ， 我 们 可 以 使 用 基于 屏幕 后 处 理 的 抗 锯齿 操作 来 弥补 这 





























在 Unity 中 使 用 HDR 也 非常 简单 ， 我 们 可 以 在 Camera 组 件 面 板 中 打 
开 HDR 选 项 即 可 。 此 时 ， 场 景 就 会 被 泻 染 到 一 个 HDR 的 图 像 绥 冲 中 ， 
这 个 缓冲 的 精度 范围 可 以 远 远 超过 0 一 1。 最 后 ， 我 们 可 以 再 使 用 一 个 色 
调 映射 的 屏幕 后 处 理 脚本 来 把 HDR 图 像 转换 到 LDR 图 像 进行 显示 。 读 者 
可 以 在 Unity 官 方 手册 中 的 高 动态 范围 演 染 一 市 
(http://docs.unity3d.com/Manual/HDR.html ) 以 及 本 章 最 后 的 扩展 阅读 
中 找到 更 多 的 内 容 。 


18.4.4 那么 ，PBS 适 合 什 么 样 的 游戏 
在 把 PBS 引 入 当前 的 游戏 项 目 之 前 ， 我 们 需要 权衡 一 下 它 的 优 缺 


点 。 需 要 再 次 提醒 读者 的 是 ，PBS 并 不 意味 着 游戏 画面 需要 追求 和 照片 
一 样 真实 的 效果 。 事 实 上 ， 很 多 游戏 都 不 需要 刻意 去 追求 与 照片 一 样 的 

















真实 感 ， 玩 家 眼中 的 真实 感 大 多 也 并 不 是 如 此 。PBS 的 优点 在 于 ， 我 们 
只 需要 一 个 万 能 的 Shader 束 可 以 泻 染 相当 一 大 部 分 类 型 的 材质 ， 而 不 是 
使 用 传统 的 做 法 为 每 种 材质 写 一 个 特定 的 Shader。 同 时 ，PBS 可 以 保证 
在 各 种 光照 条 件 下 ， 材 质 都 可 以 自然 地 和 光源 进行 交互 ， 而 不 需要 我 们 
反复 地 调整 材质 参数 。 


然而 ， 在 使 用 PBS 时 我 们 也 需要 考虑 到 和 它 带 来 的 代价 。 如 上 面 提 到 
的 ，PBS 往 往 需要 更 复杂 的 光照 配合 ， 例 如 大 量 使 用 光照 探 针 和 反射 探 
针 等 。 而 且 PBS 也 需要 开启 HDR 以 及 一 些 必 不 可 少 的 屏幕 特效 ， 例 如 抗 
饮 齿 、Bloom 和 色调 映射 ， 如 果 这 些 屏 幕 特效 对 当前 游戏 来 说 需要 消耗 
过 多 的 性 能 ， 那 么 PBS 就 不 适合 当前 的 游戏 ， 我 们 应 该 使 用 传统 的 
Shader 来 演 染 游戏 。 使 用 PBS 对 美工 人 员 来 说 同样 是 个 挑战 。 美 术 资 源 
的 制作 过 程 和 使 用 传统 的 Shader 有 很 大 不 同 ， 普 通 的 法 线 纹理 + 高 光 反 
射 纹 理 的 组 合 不 再 适用 ， 我 们 需要 创建 更 细腻 复杂 的 纹理 集 ， 包 括 金 属 
值 纹理 、 高 光 反 射 纹理 、 粗 糙 度 纹理 、 遮 挡 纹 理 ， 有 些 还 需要 使 用 额外 
的 细节 纹理 来 给 材质 添加 更 多 的 细节 表面 。 除 了 使 用 图 片 扫描 的 传统 辅 
助 方法 外 ， 这 些 纹理 的 制作 通常 还 需要 更 专业 的 工具 来 绘制 ， 例 如 


Allegorithmic Substance Painter 和 Quixel Suite 。 














18.5 扩展 阅读 


Unity 官 方 提供 了 很 多 学 习 PBS 的 资料 。 在 Unity 官方 博客 中 的 全 局 
光照 一 文 (global- ilumination-in-unity-5) 中， 简明 地 阐述 了 全 局 光照 
的 解决 方案 。 在 男 外 两 篇 博客 (working-with- physically-based-Shading- 
a-practical-approach/、physically-based-shading-in-unity- 5-a-primer/) 

中 ， 介 绍 了 Standard Shader 的 用 法 和 注意 事项 。 官 方 项 目 也 是 很 好 的 学 
习 资 料 。Unity 开 放 了 基于 物理 着 色 器 的 示例 项 目 Viking Village 以 及 两 
个 更 小 的 示例 项 目 Shader Calibration Scene 和 Corridor Lighting 
Example 来 着 重 介绍 如 何 使 用 Unity 5 全 新 的 Standard Shader 和 全 局 光照 
系统 。 看 过 Unity 5 宣传 视频 的 读者 想必 对 Unity 5 制作 出 来 的 电影 短 
片 The Blacksmith 印象 深刻 ， 尽 管 Unity 没 有 开放 出 完整 的 工程 ， 但 把 
许多 关键 的 技术 实现 放 到 了 资源 商店 里 ， 例 如 ， 人 物 角色 使 用 的 
Shader、 头 发 使 用 的 Shader、 人 物 阴 影 、 大 气 次 散射 等 ， 这 些 都 是 非常 
好 的 学 习 资料 。 除 此 之 外 ，Unity 还 提供 了 一 些 相关 教程 供 新 手 学 习 ， 
读者 可 以 在 图 形 的 教程 板块 《http://unity3d.com/cn/learn/tutorials/ 
topics/graphics ) 下 找到 很 多 相关 教程 。 例 如 ， 在 Unity 5 的 光照 概览 
(http://unity3d.com/cn/learn/ tutorials/modules/ beginner/unity-5/unity5- 
lighting-overview ) 中 ， 介 绍 了 Unity 5 中 使 用 的 各 种 全 局 光照 技术 ; 光 
照 和 泻 染 (https://unity3d.com/cn/learn/tutorials/ 
modules/beginner/graphics/lighting- and-rendering ) 一 文 更 加 详细 地 介绍 
了 Unity 5 中 各 种 光照 的 实现 细节 ， 以 及 一 些 设置 场景 光照 时 的 注意 事 
项 ， 在 Standard Shader 的 视频 教程 
(http://unity3d.com/cn/learn/tutorials/modules/beginner/ 5-tutorials/ 
standard-shader ) 中 ，Unity 介 绍 了 Standard Shader 的 基本 用 法 以 及 和 光 
照 之 间 的 配合 。 


近年 来 ，Unity 官 方 在 Unite、SIGGRAPH 等 大 会 上 也 分 享 不 少 关 于 
PBS 的 技术 资料 。 在 Unite 2014 会 议 上 ，Anton Hand 在 他 的 演讲 中 给 出 了 
很 多 关于 如 何 创建 PBBS 中 使 用 的 资源 的 最 佳 实践 ，Renaldas Zioma 和 
Erland Korner 讲 解 了 如 何在 Unity 5 中 更 加 有 效 地 使 用 PBS。 在 
SIGGRPAH 2015 会 议 上 ， 来 自 Unity 的 技术 人 员 分 享 了 The Blacksmith 
的 环境 制作 过 程 。 


如 果 读 者 希望 更 深入 地 学 习 PBS 的 理论 和 实践 ， 可 以 在 近年 来 的 
SIGGRAPH 课 程 上 找到 非常 丰富 的 资料 。SIGGRAPH 目 2006 年 起 开始 出 














现 与 PBS 相 关 的 课程 ， 更 是 连续 4 年 〈2012 一 2015) 由 来 自 各 大 游戏 公 
司 和 影视 公司 的 技术 人 员 分 享 他 们 在 PBS 上 的 实践 。 例 如 在 2012 年 的 课 
程 上 ，Disney 公 布 了 他 们 在 离线 演 染 时 使 用 的 BRDF 模 型 ， 这 也 是 Unity 
等 很 多 游戏 引擎 使 用 的 PBR 的 理论 基础 。Kostas Anagnostou 在 他 的 文章 
中 列 出 了 非常 多 的 关于 PBR 的 相关 文章 ， 包 括 我 们 上 面 提 到 的 
SIGGRAPH 谨 程 ， 强 烈 建议 有 兴趣 的 读者 去 浏览 一 番 。 


内 的 相关 资料 则 相对 较 少 。 敌 敏 敏 在 他 的 KlayGE 引 擎 中 引入 了 
PBS， 并 写 了 系列 博文 来 简明 地 阐述 其 中 的 理论 基础 。 在 知 乎 专 
栏 Behind the Pixels (http://zhuanlan.zhihu.com/graphics ) 中， 作者 给 出 
了 3 篇 关于 基于 物理 着 色 的 系列 文章 。 
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第 19 章 ”Unity 5 更 新 了 什么 


Unity 5 相 较 于 之 前 的 版 本 来 说 ， 在 Shader 方 面 做 了 许多 重要 的 更 
新 。 一 些 更 新 很 容易 被 大 家 察觉 ， 例 如 ， 如 果 读 者 直接 把 在 Unity 4 中 使 
用 的 一 些 Shader 源 代码 粘贴 到 Unity 5 中 ， 往 往 会 发 现 和 Unity 4 中 得 到 的 
泻 染 结果 不 尽 相同 ， 甚 至 还 会 报错 。 本 章 将 会 对 Unity 5 进行 的 一 些 重要 
更 新 〈( 仪 关注 Shader 方 面 的 更 新 〉 进 行 解释 ， 来 帮助 读者 加 深 对 Unity 
Shader 的 理解 。 





19.1 场景 “更 亮 了 ” 


如 果 你 曾经 学 习 或 阅读 过 Unity 5 之 前 的 一 些 Shader 源 码 的 话 ， 往 往 
会 在 计算 漫 反 射 时 发 现 类 似 下 面 的 代码 : 





// Unity 5 之 前 的 shader 经 常 包含 了 类 似 下 面 的 代码 ， 
// 而 在 Unity 5 中 ， 我 们 不 需要 再 进行 x2 的 操作 




















c.rgb = s.Albedo * LightColore.rgb * (diff * atten * 2); 





这 类 代码 通常 会 在 光照 结果 的 最 后 乘 以 系数 2， 而 作者 往往 解释 

说 ， 因 为 不 乘 以 2 的 话 场景 会 看 起 来 很 瞳 。 但 是 ， 如 果 我 们 仍然 在 Unity 
5 中 编写 类 似 上 面 的 代码 ， 场 景 束 会 看 起 来 变 有 完了， 这 通 音 不 是 我 们 希 
望 看 到 的 。Unity 5 之 前 的 Shader 中 需要 乘 以 2 是 一 个 历史 遗留 原因 ， 并 
最 终 在 Unity 5 中 得 到 了 修正 。 在 Unity 5 中 ， 光 照 的 强度 被 自动 增强 到 原 
来 的 两 倍 。 这 意味 着 ， 如 果 我 们 在 场景 中 放置 一 个 纯 白色 的 平面 ， 同 时 
让 一 个 平行 光 从 它 的 正 上 方 垂直 照射 到 它 的 表面 ， 那 么 平面 得 到 的 漫 反 
射 光 照 结 果 就 是 平行 光 本 身 的 颜色 。 而 在 Unity 5 之 前 的 版 本 中 ， 上 述 的 
平面 并 不 会 得 到 和 光源 颜色 一 致 的 结果 。 


因此 ， 如 宋 读 者 直接 从 之 前 的 项 目 中 使 用 现成 的 Shader 代 码 并 把 它 
移植 到 Unity 5 中 ， 需 要 去 邱 光 照 计算 中 乘 以 2 的 部 分 ， 来 得 到 和 之 前 一 
致 的 光照 结果 。 


























19.2 表面 着 色 器 更 容易 “报错 了 ” 


如 果 读 者 把 一 些 老 版 本 下 使 用 的 表面 着 色 器 代码 直接 粘贴 到 Unity 5 
中 使 用 ， 可 能 会 发 现 原本 并 没有 报错 的 代码 在 Unity 5 下 报错 了 ， 这 些 报 
错 信息 通常 是 指 Shader 中 的 数学 指令 或 插值 寄存 器 的 数目 超过 了 限制 ， 
并 提示 需要 使 用 更 高 的 Shader Model， 如 SM 3.0。 


这 些 报错 信息 的 出 现 ， 是 因为 Unity 5 的 表面 着 色 器 在 背后 进行 了 更 
多 的 计算 。 我 们 在 第 17 章 中 解释 过 表面 着 色 器 的 实现 原理 ， 概 括 来 说 就 
是 Unity 会 在 背后 把 表面 着 色 器 转换 成 对 应 的 顶点 / 片 元 着 色 器 。 这 些 转 
换 过 程 通常 是 有 规律 可 循 的 ， 而 在 Unity 5 中 ，Unity 在 转换 过 程 中 使 用 
了 更 多 的 计算 和 插值 寄存 器 ， 从 而 造成 一 些 自 定义 的 表面 着 色 器 可 能 会 
在 新 版 本 中 报错 。 这 些 新 添加 的 计算 和 插值 寄存 器 通常 是 为 了 计算 阴 
影 、 筋 效 、 非 统一 缩放 模型 的 法 线 变换 矩阵 。 在 Unity 5 之 前 ， 如 果 需 要 
使 用 法 线 纹理 ，Unity 会 把 观察 方向 和 光照 方向 在 顶点 着 色 器 中 变换 到 
切线 空间 下 再 传递 给 片 元 着 色 器 ， 但 Unity 5 则 选择 首先 在 顶点 着 色 器 中 
计算 从 切线 空间 到 世界 空间 的 变换 矩阵 ， 再 在 片 元 着 色 器 中 把 法 线 变 换 
到 世界 空间 下 ， 从 而 需要 使 用 更 多 的 插值 寄存 器 来 存储 变换 矩阵 。 由 于 
Unity 默 认 的 Shader Model 版 本 为 2.0， 这 些 新 添加 的 计算 再 加 上 一 些 自 定 
a 0 
目的 限制 。 


对 上 述 问 题 的 解决 方法 也 很 简单 。 一 种 方法 是 直接 使 用 更 高 的 
Shader Model， 例 如 ， 在 Shader 中 添加 如 下 代码 来 指明 使 用 SM 3.0: 


#pragma target 3.06 


男 一 个 方法 是 减少 表面 着 色 器 背后 的 计算 ， 这 可 以 通过 表面 着 色 咒 
的 编译 指令 来 实现 。 例 如 ， 我 们 可 以 通过 类 似 下 面 的 编译 指令 ， 来 指明 
不 需要 为 该 物体 计算 阴影 纹理 坐标 不 接收 阴影 )、 光 照 纹 理 坐 标 以 及 


雾 效 : 


#pragma surface surfaceFunction lightModel noshadow nolightmap nofog 
































19.3 ”当家 做 主 : 目 己 控制 非 统一 缩放 的 网 格 


Unity 5 的 另 一 个 重要 的 改进 是 ， 非 统一 缩放 的 网 格 不 再 由 Unity 提 
前 在 CPU 中 处 理 了 。 我 们 曾 在 4.7 节 讲 到 过 非 统 一 缩放 对 法 线 变换 的 影 
啊 ， 非 统一 缩放 的 网 格 需 要 使 用 原 变换 矩阵 的 逆转 置 窍 阵 来 变换 法 线 才 
可 以 得 到 正确 的 变换 结果 。 然 而 ， 在 Unity 5 之 前 的 版 本 中 ， 我 们 并 不 需 
要 在 Shader 中 考虑 非 统一 缩放 融 来 的 种 种 影响 ， 因 为 传 到 Shader 中 的 数 
据 已 经 不 存在 非 统一 缩放 了 。 那 么 ， 这 是 如 何 做 到 的 呢 ? Unity 5 之 前 的 
版 本 会 在 CPU 中 把 涉及 非 统 一 缩放 的 模型 变换 成 统一 缩放 的 模型 ， 也 束 
是 说 ，Unity 会 在 CPU 中 再 创建 一 个 和 非 统 一 缩放 模型 空间 大 小 相同 ， 
但 只 包含 统一 缩放 的 模型 。 因 此 ， 我 们 常常 会 在 一 些 较 旧 的 Shader 版 本 
中 看 到 类 似 下 面 的 代码 : 


// #define SCALED NORMAL (Vv.normal * unity_Scale.w) 
float3 worldNormal = mul((float3x3) Object2World, SCALED NORMAL); 





上 面 的 代码 把 法 线 从 模型 空间 变换 到 世界 空间 下 ， 由 于 只 包含 统一 
缩放 ， 因 此 ， 代 码 首先 使 用 统一 缩放 系数 unity_Scale.w《〈 在 Unity 4.x 
中 ， 该 值 表示 的 值 为 1/ 统 一 缩放 系数 ) 来 得 到 归 一 化 后 的 法 线 ， 然 后 再 
使 用 模型 空间 到 世界 空间 的 变换 矩阵 直接 变换 法 线 方 同 。Unity 5 之 前 采 
用 的 这 种 做 法 的 好 处 是 ， 我 们 不 需要 在 泻 染 中 考虑 非 统 一 缩放 的 影响 ， 
而 它 的 缺点 是 ，CPU 的 计算 消耗 会 更 大 ， 而 且 需 要 占用 更 多 内 存 空间 来 
存储 这 些 重 新 缩放 的 模型 。 


Unity 5 正式 抛弃 了 之 前 的 做 法 ， 它 直接 将 原 顶点 信息 和 包含 非 统一 
缩放 的 矩阵 传递 给 Shader， 因 此 ，unity_Scale 也 就 没有 意义 了 。 如 果 我 
们 需要 在 顶点 / 片 元 着 色 器 中 变换 顶点 法 线 ， 束 需要 时 刻 小 心 非 统一 缩 
放 的 影响 ， 以 及 需要 对 变换 后 的 法 线 进行 手动 归 一 化 的 操作 。 











19.4 固定 管线 着 色 器 逐渐 退出 舞台 


我 们 在 3.4.3 节 中 讲 到 ，Unity 文 持 的 着 色 器 形式 包含 了 固定 管线 的 
着 色 器 类 型 。 固 定 管线 着 色 器 是 在 可 编程 着 色 器 出 现 之 前 ，GPU 大 量 使 
用 的 着 色 器 形式 。 它 的 工作 方式 就 像 是 一 个 包含 了 很 多 开关 和 配置 的 黑 
箱子 ， 我 们 可 以 通过 开启 或 关闭 某 些 功能 来 让 GPU 进 行 相应 的 泻 染 。 在 
Unity 最 开始 出 现 的 时 期 里 (“2005 年 6 月 ，Unity 1.0.1 发 布 ) ， 使 用 固定 
管线 的 GPU 还 占据 了 一 定 的 市 场 份额 ， 因 此 ，Unity 从 那 时 开始 就 始终 
文 持 编写 固定 管线 的 着 色 器 。 


然而 ， 实 际 上 很 多 平台 早已 不 支持 固定 管线 着 色 器 。 例 如 ， 

OpenGL 1.5 是 最 后 一 个 使 用 固定 管线 编程 的 OpenGL 版 本 ， 从 OpenGL 
2.0 《2004 年 发 布 ) 开 始 ， 就 只 支持 可 编程 管线 的 着 色 器 。Unity 仍 然 保 
留 对 固定 管线 着 色 器 的 支持 ， 是 出 于 两 个 主要 原因 : 首先 ， 有 很 多 项 目 
和 资源 包 都 大 量 使 用 了 固定 管线 着 色 器 ， 其 次 是 固定 管线 着 色 堪 的 代码 
通常 要 比 实现 相同 功能 的 顶点 / 片 元 着 色 器 少 很 多 。 现 在 Unity 文 持 的 绝 
大 多 数 平台 实际 已 经 完全 不 再 文 持 固定 管线 编程 ，Unity 需 要 在 背后 把 
我 们 编写 的 固定 管线 着 色 器 转换 成 相应 的 可 编程 管线 着 色 峰 。 


但 是 ， 这 样 的 做 法 有 很 多 弊端 。 首 先 ， 诸 如 PS4 和 XboxOne 这 样 的 
平台 并 不 支持 Unity 的 固定 管线 着 色 器 (这 点 在 Unity 5.2 中 得 到 了 改 
善 ) ， 这 主要 是 因为 想 要 在 这 些 平台 上 实时 生成 着 色 器 代码 是 很 困难 
的 。 其 次 ， 虽 然 固 定 管线 着 色 器 代码 比较 简单 ， 但 这 些 着 色 器 能 够 实现 
的 效果 非常 有 限 ， 最 后 ， 我 们 往往 仍然 需要 使 用 灵活 性 更 高 的 顶点 / 片 
元 着 色 器 来 替代 。 


Unity 5.x 版 本 对 固定 管线 着 色 器 的 导入 和 编译 进行 了 优化 。 截 止 到 
Unity 5.2 版 本 ， 所 有 固定 管线 着 色 器 都 会 在 导入 时 被 转换 成 真正 的 顶点 / 
片 元 着 色 器 ， 并 且 已 经 文 持 所 有 平台 ， 包 括 游 戏 机 平台 。 我 们 还 可 以 在 
人 如 图 
19.1 所 不 。 



































Imported Object 


-3 Legacy Shaders/VertexLit 次 ， 
i 









no 


Fixed function | Show generated code 


Compiled code Compile and show code | ~ 
Cast shadows Yes 

Render queue 2000 

LOD 100 

lIgnore projector no 

Disable batching no 

Properties: 

_Color Color Main Color 
_SpecColor Color: Spec Color 
_Emission Color: Emissive Color 
_Shininess Range: Shininess 
_MainTex Texture: Base {RGB) 








全 图 19.1 在 shader 的 导入 面板 中 ， 单 击 图 中 按钮 可 查看 Unity 为 该 固定 管线 着 色 占 生成 的 顶 皮 / 
片 元 着 色 器 代码 


但 缺点 是 ， 以 前 一 些 固定 管线 着 色 器 的 功能 ， 例 如 ， 使 用 TexGen 
命令 来 生成 纹理 坐标 以 及 进行 纹理 坐标 变换 的 矩阵 操作 等 ， 己 经 被 殷 弃 
了 。 而 且 ， 我 们 也 不 可 以 再 在 脚本 中 使 用 类 似 new Material(“fixed 
function shader string”) 的 代码 来 实时 创建 一 个 固定 管线 的 着 色 器 。 除 此 
之 外 ， 我 们 也 不 可 以 再 混用 可 编程 和 固定 管线 的 着 色 器 。 














实际 上 ， 由 于 Unity 目 前 支持 的 所 有 平台 都 已 经 抛弃 了 固定 管线 着 
色 器 ， 我 们 已 经 没有 必要 再 使 用 固定 管线 着 色 器 来 进行 演 染 了 。 如 果 读 
0 0 5 对 固定 管线 的 优化 ， 可 以 参见 Unity 图 形 工 程 师 
Aras 的 博客 。 





第 20 革 还 有 更 多 内 容 吗 


我 们 相信 一 本 几 十 万 字 的 书籍 并 不 能 满足 一 些 读者 对 于 泻 染 强烈 的 
求知 欲 。 在 本 书 的 最 后 ， 我 们 会 给 出 许多 优秀 的 学 习 资料 来 帮助 读者 进 
行 下 一 步 的 学 习 。 


20.1 如果 你 想 深 入 了 解 演 染 的 话 


Unity Shader 实 际 是 建立 在 OpenGL、DirectX 这 样 更 加 基础 的 图 像 编 
程 接口 上 的 。 这 样 的 封装 可 以 为 我 们 节省 很 多 工作 ， 但 可 能 会 影响 我 们 
对 底层 工作 方式 的 理解 。 这 些 图 像 编 程 接口 都 有 各 自 非 常 出 色 的 学 习 资 
料 ， 例 如 OpenGL 有 非常 有 名 的 红 宝 书 《OpenGL 编 程 指南 》 岂 和 蓝 宝 书 
《OpenGL 超 级 宝典 》[ 趾 。 更 多 的 参考 书 可 以 在 叶 劲 峰 (网 名 : Milo 
Yip) 的 豆 列 计算 机 图 形 : 入 门 /API 类 
(http://www.douban.com/doulist/1445744/ ) 中 找到 。 


GPU 精粹 系列 书籍 [31I4P] 中 包含 许多 游戏 和 其 他 实时 泻 染 中 使 用 的 
高 级 泻 染 技术 。 与 之 类 似 的 还 有 GPU Pro 系 列 书籍 (6 和 ShaderX 系 列 书 
籍 [] 。 这 些 内 容 相 对 比较 高 深 大 都 来 源 于 行业 内 的 精英 对 各 种 泻 染 技 
术 的 总 结 ， 和 希望 深入 了 解 泻 染 各 个 方面 的 读者 一 定 不 可 以 错过 。 叶 劲 峰 
在 他 的 豆 列 计算 机 图 形 : Gems 类 
(http://www.douban.com/doulist/1445745/ ) 中 总 结 了 更 多 的 图 形 学 精粹 
系列 书籍 。 


尽管 本 书 关 注 的 是 游戏 中 使 用 的 实时 演 染 技术 ， 但 一 些 基 于 光线 奶 
踩 等 方式 的 演 染 方法 同样 是 图 形 学 中 的 重点 。 在 《Physically based 
rendering: From theory to implementation》 1 一 书 中 ， 作 者 介绍 并 实现 了 
基于 物理 演 染 的 框架 ， 这 是 学 习 光 线 退 中 和 PBS 的 非常 好 的 资料 。 


最 后 ， 我 们 不 得 不 提起 被 誉 为 图 形 程 序 员 专 著 的 《Real-time 
Rendering, third Edition》 一 书 。 在 该 书 出 版 时 ， 几 乎 涵盖 了 实时 泻 染 
中 的 所 有 相关 技术 ， 作 者 在 书 中 给 出 了 大 量 的 参考 文献 ， 并 在 网 上 维护 
了 一 个 专门 的 页 面 来 总 结实 时 演 染 中 使 用 的 各 个 技术 和 资料 。 


在 学 术 方 面 ， 图 形 学 相关 的 会 议和 论坛 是 开阔 视野 、 学 习 前 治 泻 染 
技术 的 绝 佳 途径 。SIGGRAPH 会 议 是 图 形 学 领域 最 顶级 的 会 议 ， 每 年 来 
目 世 界 各 地 的 顶尖 学 者 和 行业 精 炎 都 会 汇聚 一 蔚 ， 展 示 这 一 年 中 他 们 在 
图 形 学 领域 的 工作 和 进展 。 与 之 类 似 的 会 议 还 有 ，SIGGRAPH Asia、 
Eurographics、Symposium on Interactive 3D Graphics and Games 等 会 议 ， 
读者 可 以 在 Ke-Sen Huang 的 主页 中 找到 历年 在 这 些 会 议 上 发 表 的 论文 。 
需要 特别 提出 的 是 ， 每 年 SIGGRAPH 上 的 SIGGRAPH Course 中 都 会 有 很 























多 来 自 游戏 行业 的 技术 人 员 分 享 他 们 在 游戏 图 像 方面 的 进展 ， 除 了 在 第 
18 章 中 提 到 的 课程 Physically Based Shading in Theory and Practice 外 ， 
Advances in Real-Time Rendering 系列 课程 同样 是 非常 出 色 的 学 习 资 
料 。 在 这 个 课程 中 ， 来 自 艺 电 、 育 外 、Epic 等 知名 游戏 公司 的 技术 人 员 
将 阐述 他 们 是 如 何在 游戏 中 使 用 各 种 复杂 的 泻 染 技术 来 实现 次 世代 游戏 
画面 的 。 目 2006 年 起 ， 该 课程 已 经 在 SIGGRAPH Course 上 连续 举办 了 十 
届 。 男 一 个 与 游戏 肯 奶 相关 的 会 议 是 游戏 开发 者 会 议 (Game Developers 
Conference，GDC) ， 每 年 的 GDC 会 议 都 会 汇集 全 世界 的 游戏 开发 者 。 
自 2009 年 ， 中 国 也 迎 来 了 GDC China， 给 中 国 的 游戏 开发 者 提供 了 更 多 
的 行业 交流 机 会 。 


除了 上 述 提 到 的 书籍 和 会 议 外 ， 一 些 非常 有 趣 的 网 站 也 可 以 帮助 开 
阔 我 们 的 视野 。 在 Shadertoy 网 站 上 ， 你 可 以 看 到 来 自 全 世界 的 人 们 是 如 
何 只 用 一 个 片 元 着 色 器 来 实现 各 种 或 恢弘 壮丽 、 或 经 典 怀旧 的 场景 的 。 
与 之 类 似 的 还 有 GLSL Sandbox Gallery 网 站 。 我 们 相信 ， 在 浏览 了 这 些 
网 站 后 ， 你 会 再 一 次 被 Shader 能 实现 的 效果 所 震撼 。 





20.2 ”世界 那么 大 


我 们 曾 听 到 很 多 声音 ， 抱 怨 Unity Shader 学 习 资 料 甚 少 ， 尽 管 我 们 
希望 通过 这 本 书 来 改善 这 样 的 情况 ， 但 不 可 否认 的 是 ， 仅 靠 一 本 书 恐 怕 
无 法 让 一 个 人 从 技术 “小 自 ” 成 长 为 行业 大 牛 。 对 于 泻 染 这 样 牵 扯 到 很 多 
复杂 知识 的 领域 来 说 ， 一 本 书 更 是 无 法 详细 地 解释 这 其 中 的 方方面面 。 
实际 上 上， 网络 上 有 许多 关于 这 方面 的 英文 资料 ， 我 们 能 够 体会 许多 英语 
能 力 欠 佳 的 开发 者 在 这 方面 的 兰 恼 ， 但 如 果 你 永远 不 阅读 英文 资料 ， 那 
么 你 将 错过 一 大 片 “ 森 林 ”。 尽 管 有 不 少 英 文 资料 不 断 被 引进 国内 ， 并 有 
了 中 译 版 本 ， 但 是 由 于 翻译 质量 问题 等 因素 给 初学 者 带 来 了 不 少 的 阅读 
障碍 。 更 何况 ， 还 有 数 之 不 尽 的 优秀 的 英文 资料 是 仍然 没有 被 引入 的 。 


事实 上 ， 很 多 英文 资料 中 使 用 的 英语 大 多 是 基础 其 语 ， 在 一 些 翻译 
软件 的 帮助 下 ， 阅 读 并 理解 这 些 内 容 并 没有 想象 中 的 那么 困难 。 在 作者 
吴 边 也 有 不 少 对 学 习 英 语 十 分 舌 恼 的 朋友 ， 在 经 过 一 段 时 间 的 坚持 后 ， 
他 们 普通 反映 阅读 英文 书籍 越 来 越 轻松 。 世 界 那么 大 ， 不 要 让 语言 成 为 
阻碍 你 前 进 的 绊脚石 。 

最 后 ， 我 们 真心 地 希望 ， 本 书 可 以 为 你 的 Shader 学 习 之 旅 打 开 一 局 


大 门 ， 让 你 离 制作 心目 中 优秀 游戏 的 心愿 更 近 一 步 。 奉 是 如 此 ， 那 想必 
就 是 我 们 最 大 的 欣慰 了 。 
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A 6.4 生 : 逐 顶 点 漫 反射 光照 、 逐 像素 漫 反 射 光 照 和 半 兰 伯 特 光照 





和 7.2 节 : 使 用 法 线 纹理 





和 7.3 节 : 使 用 渐变 纹理 来 控制 漫 反 射 光 照 











A 8.7.1 节 : 透明 度 测试 的 双 面 演 染 效果 

















A 8.7.2 节 : 透明 度 混合 的 双 面 演 染 效果 














和 9.4 节 : 透明 度 测 试 的 正确 阴影 效果 























A 10.2.1 节 : 使 用 泻 染 纹理 来 实现 镜子 效果 








A10.2 节 : 使 用 GrabPass 来 实现 玻璃 效果 





全 11.3.1 节 : 使 用 顶点 动画 来 模拟 2D 河 流 





全 11.3.2 节 : 广告 牌 效 果 





A 12.3 节 : 使 用 边缘 检测 来 实现 基本 的 描 边 效果 





和 14.2 节 : 素描 风格 的 演 染 





A 13.4 节 : 使 用 深度 + 法 线 纹理 来 实现 更 加 高 级 的 描 边 效果 





A15.1 节 ; 使 用 噪声 纹理 来 实现 消融 效果 
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A15.2 节 ; 使 用 噪声 纹理 来 实现 水 波 效果 








全 15.3 节 : 使 用 噪声 纹理 来 实 下 
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和 17.1 节 : 表面 着 色 器 

















A18.2 节 : 基于 物理 的 泻 染 


欢迎 来 到 异步 社区 ! 


异步 社区 的 来 历 


异步 社区 (www.epubit.com.cn) 是 人 民 邮 电 出 版 社 旗 下 IT 专业 图 书 旗 
舰 社 区 ， 于 2015 年 8 月 上 线 运营 。 


异步 社区 依托 于 人 民 邮 电 出 版 社 20 余 年 的 IT 专业 优质 出 版 资源 和 编 
得 策划 团队 ， 打 造 传统 出 版 与 电子 出 版 和 自 出 版 结合 、 纸 质 书 与 电子 书 
结合 、 传 统 印刷 与 POD 按 需 印刷 结合 的 出 版 平台 ， 提 供 最 新 技术 资讯 
为 作者 和 读者 打造 交流 互动 的 平台 。 





捷 呈 BT 






近 时 活动 





异步 社区 成 立 一 周年 大 型 嫌 书 活动 开局 ! 
异步 社区 的 来 历 异步 社区 是 人 民 邮 和 甩 出 版 社 刘 下 
iT 专 , 业 图 书 齐 般 社区， 于 2015 年 8 月 上 线 运 


周年 庆 满 减 促销 | 满 100 元 减 20 元 、 满 150 元 减 35 元 、 满 200 元 减 50 元 + 更 三 
A 营 ， 异 步 社区 依托 于 人 民 妆 所 出 版 社 20 作 年 的 IT 
加 尘 披 神志 各 


浴 荐 


收藏 0 评论 8 


二 iWeb 终 会 北京 站 即将 开启 ,为 HTML5 乱 





每 一 次 拍 色 高 号 组 时 行业 的 影响 ， 每 一 天 无 数 人 
莹 区 业 业 的 支 训 ,2016 楂 起 ! 未 吧 ，8 月 27 日 ， 
HTML5 妖 会 北京 站 ,我 在 计时 ,等 你 未 , 为 
HTMLS5 娜 马 ! ,- 

轿 水 反 邯 专 教 2016-07-2 


谈 50 推荐 1 收藏 0 评论 0 





数 寄 丹 字 实战 手册 软 技 能 : 代码 之 外 的 生 Python 宫 码 学 妨 程 
试 指 奖 ( 第 5 版 ) ( 第 1 (R+Python ) 存 指 商 
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Python 游 戏 编 程 快 这 上 。 “机器 学 习 项 目 开发 实战 。 科 莫 派 Python 蝙 程 入 门 。 像 计算 机 科学 家 一 栏 护 
二 与 实战 ( 第 2 版 ) 震 Python ( 第 2 版 ) 


社区 里 都 有 什么 ? 
购买 图 书 

我 们 出 版 的 图 书 涵盖 主流 IT 技 术 ， 在 编程 语言 、Web 搁 术 、 数 据 科 
学 等 领域 有 众多 经 典 畅 销 图 书 。 社 区 现 已 上 线 图 书 1000 余 种 ， 电 子 书 
400 多 种 ， 部 分 新 书 实 现 纸 书 、 电 子 书 同步 出 版 。 我 们 还 会 定期 发 布 新 
书 书 讯 。 
下 载 资源 

社区 内 提供 随 书 附 赠 的 资源 ， 如 书 中 的 案例 或 程序 源 代码 。 


另外 ， 社 区 还 提供 了 大 量 的 免费 电子 书 ， 只 要 注册 成 为 社区 用 户 就 
可 以 免费 下 载 。 


与 作 译 者 互动 


很 多 图 书 的 作 译 者 已 经 入 驻 社 区 ， 您 可 以 关注 他 们 ， 咨 询 技术 问 
题 ， 可 以 阅读 不 断 更 新 的 技术 文章 ， 听 作 译 者 和 编辑 畅 聊 好 书 背 后 有 趣 
的 故事 ， 还 可 以 参与 社区 的 作者 访谈 栏目 ， 回 您 关注 的 作者 提出 采访 题 
目 。 














灵活 优惠 的 购书 


您 可 以 方便 地 下 单 购 买 纸 质 图 书 或 电子 图 书 ， 纸 质 图 书 直接 从 人 民 
邮电 出 版 社 书 库 发 货 ， 电 子 书 提 供 多 种 阅读 格式 。 


对 于 重 磅 新 书 ， 社 区 提供 预 售 和 新 书 首发 服务 ， 用 户 可 以 第 一 时 间 
买 到 心仪 的 新 书 。 


用 户 帐 户 中 的 积分 可 以 用 于 购书 优惠 。100 积 分 =1 元 ， 购 买 图 书 


时 ， 在 里 填 入 可 使 用 的 积 
分 数值 ， 即 可 扣 减 相应 金额 。 











购买 本 电子 书 的 读者 专 享 异 步 社 区 优惠 券 。 人 方法 : 注册 成 为 社区 用 户 ， 在 下 单 购书 时 输 
人 57AWG…， 然后 点 击 ' -使 用 优 惠 码 ”， 即 可 享受 电子 书 8 折 优 惠 〈 本 优惠 券 只 可 使 用 一 
次 ) 。 


纸 电 图 书 组 合 购买 


社区 独家 提供 纸 质 图 书 和 电子 书 组 合 购 买方 式 ， 价 格 优 惠 ， 一 次 购 
买 ， 多 种 阅读 选择 。 



























































软 技能 : 代码 之 外 的 生存 指南 

措 ] 鸭 葛 Z. 森 梅花 ( John Z. Sonmez ) (作者 ) 王 小 刚 ( 译 者 ) 。” 杨 海 玲 (去 任 病 往 ) 
@ | | | 9 
分 字 | 推荐 | 想 读 阅读 


这 是 一 本 真正 从 “人 ”【 而 非 技术 也 非 管理 ) 的 角度 关注 软件 开发 人 员 语 身 发 展 的 书 。 书 中 论述 的 
内 容 既 涉及 生活 习惯 ,又 包括 思维 方式 ， 占 显 技术 中 “人 ”的 因素 ， 全 面 讲解 软件 行业 从 业 人 员 所 
需 知 道 的 所 有 “ 软 技能 "”。 

本 书 聚集 于 软件 开发 人 员 生 活 的 方方面面 ， 从 揭秘 面试 的 流程 到 精耕细作 出 一 份 杀手 级 简历 ， 从 创 
建 大 受 欢 迎 的 博客 到 打造 你 的 个 人 品牌 ， 从 提高 自己 工作 效 谈 到 与 如 何 与 “拖延 症 ” 做 斗争 ， 基 至 
包括 如 何 投资 不 动产 ,如 何 关注 自己 的 健康 。 

本 书 共 分 为 职业 简 、 店 我 营销 简 、 学 习 简 、 生 产 力 简 、 理 财 简 、 健 身 简 、 精 神 简 等 七 简 ， 概 活 了 软 


图 纸 质 版 ” 闻 59.696 着 46.02(7.8 折 ) 
日 电子 版 ”着 35.00 
日 电子 版 + 纸 质 版 ”着 59.00 





社区 里 还 可 以 做 什么 ? 
提交 勘误 


您 可 以 在 图 书页 面 下 方 提交 勘误 ， 每 条 勘误 被 确认 后 可 以 获得 100 
积分 。 热 心 勘 误 的 读者 还 有 机 会 参与 书稿 的 审 校 和 翻译 工作 。 


写作 

社区 提供 基于 Markdown 的 写作 环境 ， 台 欢 写作 的 您 可 以 在 此 一 试 
身手 ， 在 社区 里 分 享 您 的 技术 心得 和 读书 体会 ， 更 可 以 体验 上 自 出 版 的 乐 
趣 ， 轻 松 实现 出 版 的 梦想 。 


LE 





会 议 活 动 早 知 道 
您 可 以 掌握 IT 圈 的 技术 会 议 资 讯 ， 更 有 机 会 免费 获 赠 大 会 门票 。 


加 入 异步 


扫描 任意 二 维 码 都 能 找到 我 们 : 





微 信 服务 号 








QQ 和 群 : 368449889 


社区 网 址 : www.epubit.com.cn 


官方 微 信 : ”异步 社区 
官方 微 博 : @ 人 邮 异 步 社 区 ，@ 人 民 邮 电 出 版 社 -信息 技术 分 社 


投稿 必 咨 询 : ”contact@epubit.com.cn 


[sd 
看 完了 了 

如 果 您 对 本 书 内 容 有 疑问 ， 可 发 邮件 至 contact@epubit.com.cn， 会 
有 编辑 或 作 译 者 协助 答疑 。 也 可 访问 异步 社区 ， 参 与 本 书 讨 论 。 

如 果 是 有 关 电 子 书 的 建议 或 问题 ， 请 联系 专用 客服 邮箱 : 


ebook(Oepubit.com.cn 。 
在 这 里 可 以 找到 我 们 : 


。 微 博 : @ 人 邮 异 步 社区 
。 QQ 和 群 : 368449889 





